ColorTool
Entrar
#F2DD08

#f2dd08 ≈ Dandelion

  • amarelo
  • Luminosidade: média
  • Saturação: vívida
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#f2dd08 é uma cor da família “amarelo”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 94,9% de vermelho, 86,67% de verde e 3,14% de azul; impressa em CMYK, usa 0% de ciano, 8,68% de magenta, 96,69% de amarelo e 5,1% de preto. Seu ângulo de matiz é 54,62°, com 93,6% de saturação e 49,02% de luminosidade em HSL. É uma cor quente, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 15,12:1 (WCAG AAA). A cor nomeada mais próxima é Dandelion (#f0e130), ΔE 2,06.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#ffcc00
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.7061

Complementar

  1. #f2dd08
  2. #081df2

Complementar dividida

  1. #f2dd08
  2. #0892f2
  3. #6808f2

Análoga

  1. #f26808
  2. #f2dd08
  3. #92f208

Triádica

  1. #f2dd08
  2. #08f2dd
  3. #dd08f2

Tetrádica

  1. #f2dd08
  2. #1df208
  3. #081df2
  4. #dd08f2

Quadrada

  1. #f2dd08
  2. #08f268
  3. #081df2
  4. #f20892

Monocromática

  1. #5e5603
  2. #a89906
  3. #f2dd08
  4. #f9ea4d
  5. #fcf397

Sombras

#f2dd08 misturado progressivamente com preto.

  1. #f2dd08
  2. #dac707
  3. #c2b106
  4. #a99b06
  5. #918505
  6. #796f04
  7. #615803
  8. #494202
  9. #302c02
  10. #181601
  11. #000000

Matizes claros

#f2dd08 misturado progressivamente com branco.

  1. #f2dd08
  2. #f3e021
  3. #f5e439
  4. #f6e752
  5. #f7eb6b
  6. #f9ee84
  7. #faf19c
  8. #fbf5b5
  9. #fcf8ce
  10. #fefce6
  11. #ffffff

Tons

#f2dd08 misturado progressivamente com cinza.

  1. #f2dd08
  2. #e7d414
  3. #dbca20
  4. #d0c12c
  5. #c4b838
  6. #b9af44
  7. #aea550
  8. #a29c5c
  9. #979368
  10. #8b8974
  11. #808080

Texto legível 1.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 15.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #dbdbdb ≈ 0.003% dos homens
Acromatomalia #e4dcae ≈ 0.001% dos homens
Protanopia #f3d600 ≈ 1.01% dos homens
Deuteranopia #f9df2a ≈ 1.27% dos homens
Tritanopia #ffccbc ≈ 0.0001% dos homens
Protanomalia #f3d900 ≈ 1.08% dos homens
Deuteranomalia #f6de20 ≈ 4.63% dos homens
Tritanomalia #fed396 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f2dd08 {
  color: #f2dd08;
}
Fundo
.bg-f2dd08 {
  background-color: #f2dd08;
  color: #000000;
}
Borda
.border-f2dd08 {
  border: 2px solid #f2dd08;
}
Variáveis CSS
:root {
  --color-primary: #f2dd08;
  --color-primary-rgb: 242 221 8;
  --color-primary-hsl: 55 94% 49%;
}
Degradê
.gradient-f2dd08 {
  background: linear-gradient(135deg, #f2dd08, #92f208);
}
Sombra colorida
.shadow-f2dd08 {
  box-shadow: 0 8px 24px rgb(242 221 8 / 0.35);
}

#f0e130 Dandelion ΔE 2.06 #ffdf00 Golden Yellow ΔE 2.72 #ffe135 Banana Yellow ΔE 2.82 #e4d00a Citrine ΔE 3.13 #eee600 Titanium Yellow ΔE 3.32 #fdee00 Aureolin ΔE 3.84 #ffef00 Canary Yellow ΔE 4.01 #0d22f7 Invertida #dbdbdb Escala de cinza 

Dandelion
#f2dd08  rgb(242, 221, 8)  hsl(55, 94%, 49%)  Dandelion
#081df2  rgb(8, 29, 242)  hsl(235, 94%, 49%)  Blue
#08f2dd  rgb(8, 242, 221)  hsl(175, 94%, 49%)  Turquoise Blue
#dd08f2  rgb(221, 8, 242)  hsl(295, 94%, 49%)  Electric Purple