ColorTool
Entrar
#FFCEDC

#ffcedc ≈ Bubble Gum

  • rosa
  • Luminosidade: muito alta
  • Saturação: suave
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#ffcedc é uma cor da família “rosa”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 100% de vermelho, 80,78% de verde e 86,27% de azul; impressa em CMYK, usa 0% de ciano, 19,22% de magenta, 13,73% de amarelo e 0% de preto. Seu ângulo de matiz é 342,86°, com 100% de saturação e 90,39% de luminosidade em HSL. É uma cor quente, muitas vezes associada a ternura, cuidado e doçura. Designers costumam usá-la em beleza e cosméticos, casamentos e celebrações e paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 15,11:1 (WCAG AAA). A cor nomeada mais próxima é Bubble Gum (#ffc1cc), ΔE 4,01.

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

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

Complementar

  1. #ffcedc
  2. #cefff1

Complementar dividida

  1. #ffcedc
  2. #ceffd8
  3. #cef4ff

Análoga

  1. #ffcef4
  2. #ffcedc
  3. #ffd8ce

Triádica

  1. #ffcedc
  2. #dcffce
  3. #cedcff

Tetrádica

  1. #ffcedc
  2. #fff1ce
  3. #cefff1
  4. #cedcff

Quadrada

  1. #ffcedc
  2. #f4ffce
  3. #cefff1
  4. #d8ceff

Monocromática

  1. #ff356f
  2. #ff81a5
  3. #ffcedc
  4. #ffebf0
  5. #ffebf0

Sombras

#ffcedc misturado progressivamente com preto.

  1. #ffcedc
  2. #e6b9c6
  3. #cca5b0
  4. #b3909a
  5. #997c84
  6. #80676e
  7. #665258
  8. #4d3e42
  9. #33292c
  10. #1a1516
  11. #000000

Matizes claros

#ffcedc misturado progressivamente com branco.

  1. #ffcedc
  2. #ffd3e0
  3. #ffd8e3
  4. #ffdde7
  5. #ffe2ea
  6. #ffe7ee
  7. #ffebf1
  8. #fff0f5
  9. #fff5f8
  10. #fffafc
  11. #ffffff

Tons

#ffcedc misturado progressivamente com cinza.

  1. #ffcedc
  2. #f2c6d3
  3. #e6beca
  4. #d9b7c0
  5. #ccafb7
  6. #c0a7ae
  7. #b39fa5
  8. #a6979c
  9. #999092
  10. #8d8889
  11. #808080

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

Acromatopsia #dbdbdb ≈ 0.003% dos homens
Acromatomalia #ead6db ≈ 0.001% dos homens
Protanopia #d4d6dc ≈ 1.01% dos homens
Deuteranopia #dfdedb ≈ 1.27% dos homens
Tritanopia #ffccd3 ≈ 0.0001% dos homens
Protanomalia #e6d3dc ≈ 1.08% dos homens
Deuteranomalia #ecd8db ≈ 4.63% dos homens
Tritanomalia #ffcdd6 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ffcedc {
  color: #ffcedc;
}
Fundo
.bg-ffcedc {
  background-color: #ffcedc;
  color: #000000;
}
Borda
.border-ffcedc {
  border: 2px solid #ffcedc;
}
Variáveis CSS
:root {
  --color-primary: #ffcedc;
  --color-primary-rgb: 255 206 220;
  --color-primary-hsl: 343 100% 90%;
}
Degradê
.gradient-ffcedc {
  background: linear-gradient(135deg, #ffcedc, #ffd8ce);
}
Sombra colorida
.shadow-ffcedc {
  box-shadow: 0 8px 24px rgb(255 206 220 / 0.35);
}

#ffc1cc Bubble Gum ΔE 4.01 #ffc0cb Pink ΔE 4.27 #f4c2c2 Baby Pink ΔE 5.94 #fadadd Pale Pink ΔE 6.24 #ffb7c5 Cherry Blossom Pink ΔE 6.36 #ffb6c1 Light Pink ΔE 6.89 #f6adc6 Nadeshiko Pink ΔE 8.23 #003123 Invertida #dbdbdb Escala de cinza 

Bubble Gum
#ffcedc  rgb(255, 206, 220)  hsl(343, 100%, 90%)  Bubble Gum
#cefff1  rgb(206, 255, 241)  hsl(163, 100%, 90%)  Celeste
#dcffce  rgb(220, 255, 206)  hsl(103, 100%, 90%)  Tea Green
#cedcff  rgb(206, 220, 255)  hsl(223, 100%, 90%)  Periwinkle