Cor nomeada · #CBD3C1
Carrot Flower
Carrot Flower é #CBD3C1: rgb(203 211 193), hsl(87 17% 79%), oklch(0.856 0.026 126.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Carrot Flower color name →
#CBD3C1
oklch(0.856 0.026 126.6)
Conversões de cor
- HEX
- #cbd3c1
- RGB
- rgb(203 211 193)
- HSL
- hsl(87 17% 79%)
- HWB
- hwb(87 76% 17%)
- OKLCH
- oklch(0.856 0.026 126.6)
- OKLab
- oklab(0.856 -0.015 0.021)
- CIE Lab
- lab(83.56 -5.23 7.96)
- LCH
- lch(83.56 9.52 123.3)
- CMYK
- cmyk(4% 0% 9% 17%)
Tons claros · Sombras · Tons
Tons claros
- D0D7C7
- D5DCCD
- DAE0D3
- E0E4DA
- E5E9E0
- EAEDE6
- EFF2EC
- F4F6F2
- FAFBF9
Sombras
- B0B7A7
- 969C8F
- 7D8277
- 65695F
- 4D5149
- 373A34
- 222420
- 0F100E
- 020202
Tons
- C3CABA
- BCC2B4
- B4B9AD
- ACB1A6
- A5A9A0
- 9DA099
- 969893
- 8E908D
- 878886
Harmonias de cor
Complementar +180°
- CBD3C1
Carrot Flower
- D4CCDD
≈ Dusky Lilac
Análoga -30° +30°
- CBD3C1
Carrot Flower
- D4D0BD
≈ Doric White
- C3D5C9
≈ Gracilis
Tríade +120° +240°
- CBD3C1
Carrot Flower
- C2D2E0
≈ Sea Drive
- E0C9CD
≈ Perfume Cloud
Complementar dividida +150° +210°
- CBD3C1
Carrot Flower
- CBCFE1
≈ Wildflower Prairie
- DBC9D6
≈ Creamy Mauve
Tétrade +90° +180° +270°
- CBD3C1
Carrot Flower
- BED4DB
≈ Winterscape
- D4CCDD
≈ Dusky Lilac
- E0CAC4
≈ Pink Water
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.62:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--carrot-flower: #cbd3c1;
--carrot-flower-rgb: 203 211 193;
--carrot-flower-oklch: oklch(0.856 0.026 126.6);
}
.element {
color: var(--carrot-flower);
background-color: hsl(87 17% 79%);
border-color: oklch(0.856 0.026 126.6);
}Tailwind CSS v4
@theme {
--color-carrot-flower: #cbd3c1;
--color-carrot-flower-50: #f3f7ef;
--color-carrot-flower-100: #e5eae1;
--color-carrot-flower-200: #d1d7cb;
--color-carrot-flower-300: #b3baac;
--color-carrot-flower-400: #9aa191;
--color-carrot-flower-500: #828a77;
--color-carrot-flower-600: #6e7465;
--color-carrot-flower-700: #585d51;
--color-carrot-flower-800: #40443a;
--color-carrot-flower-900: #2c2f28;
--color-carrot-flower-950: #191c16;
}SCSS
$carrot-flower: #cbd3c1;
$carrot-flower-rgb: 203, 211, 193;
$carrot-flower-light: mix(#fff, $carrot-flower, 20%);
$carrot-flower-dark: mix(#000, $carrot-flower, 20%);
.element {
color: $carrot-flower;
box-shadow: 0 0 0 2px rgba($carrot-flower, 0.35);
}