#FFCF5D#FFCF5D

#FFCF5D es un color muy claro y vivo de la familia naranja. Luminancia relativa 0.667; OKLCH L 87.5% C 0.141 H 86.1°. El mejor color de texto es #000000 con contraste 14.34:1 (cumple WCAG AA).

Valores del color

HEX#FFCF5D
RGBrgb(255, 207, 93)
HSLhsl(42, 100%, 68%)
HSVhsv(42, 64%, 100%)
CMYKcmyk(0%, 18.8%, 63.5%, 0%)
CIE-LABlab(85.34, 4.90, 61.47)
CIE-LCHlch(85.34, 61.67, 85.45°)
OKLaboklab(87.55% 0.0095 0.1405)
OKLCHoklch(87.55% 0.141 86.1)
XYZxyz(65.5321, 66.6800, 19.7727)
Luminance0.6668 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#FFCF5D #5D8DFF
analogous
#FF7E5D #FFCF5D #DEFF5D
triadic
#FFCF5D #5DFFCF #CF5DFF
tetradic
#FFCF5D #5DFF7E #5D8DFF #FF5DDE
square
#FFCF5D #5DFF7E #5D8DFF #FF5DDE
split-complementary
#FFCF5D #5DDEFF #7E5DFF
monochromatic
#E29F00 #FFBD20 #FFCF5D #FFE19A #FFF3D7

Accesibilidad y contraste

On white

1.46
#FFCF5D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.34
#FFCF5D on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #FFCF5D
14.34:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##FFCF5D#FFFFFF#000000##000000
##FFCF5D1.001.4614.3414.34
#FFFFFF1.461.0021.0021.00
#00000014.3421.001.001.00
##00000014.3421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#E5CE51
Deuteranopia (green-blind)
#F1DB62
Tritanopia (blue-blind)
#FFBFB6
Achromatopsia (no color)
#D5D5D5

Tokens de diseño y código

CSS
--color: #ffcf5d;
/* rgb */ color: rgb(255, 207, 93);
/* oklch */ color: oklch(87.5% 0.141 86.1);
Tailwind
colors: {
  custom: {
    50: '#ffdd8f',
    500: '#ffcf5d',
    950: '#000000',
  },
}
SCSS
$custom: #ffcf5d;
$custom-light: #ffdd8f;
$custom-dark: #000000;
JSON
{
  "hex": "#ffcf5d",
  "rgb": {
    "r": 255,
    "g": 207,
    "b": 93
  },
  "hsl": {
    "h": 42.222,
    "s": 100,
    "l": 68.235
  },
  "oklch": {
    "l": 0.87549,
    "c": 0.14085,
    "h": 86.1
  },
  "luminance": 0.66676
}

Semantic roles & 50–950 ramp

primary
#FFCF5D
secondary
#275CD9
accent
#44E600
background
#FFFEFC
surface
#FFFCF4
border
#D7D5CE
text
#19150D
muted
#87847F

Laboratorio de vista previa

Vista previa con #FFCF5D

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#FFCF5D — Tintiva