Cor nomeada · #CCEEC2
Celery Victor
Celery Victor é #CCEEC2: rgb(204 238 194), hsl(106 56% 85%), oklch(0.913 0.069 138.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Celery Victor color name →
#CCEEC2
oklch(0.913 0.069 138.6)
Conversões de cor
- HEX
- #cceec2
- RGB
- rgb(204 238 194)
- HSL
- hsl(106 56% 85%)
- HWB
- hwb(106 76% 7%)
- OKLCH
- oklch(0.913 0.069 138.6)
- OKLab
- oklab(0.913 -0.052 0.045)
- CIE Lab
- lab(90.78 -17.45 17.53)
- LCH
- lch(90.78 24.74 134.9)
- CMYK
- cmyk(14% 0% 18% 7%)
Tons claros · Sombras · Tons
Tons claros
- D1F0C8
- D6F2CE
- DBF3D4
- E0F5DA
- E6F7E1
- EBF8E7
- F0FAED
- F5FCF3
- FAFDF9
Sombras
- B1CFA8
- 97B18F
- 7E9377
- 657760
- 4E5C49
- 374234
- 222A20
- 0F140E
- 020302
Tons
- C4E3BB
- BCD7B5
- B5CCAE
- ADC1A7
- A5B6A1
- 9EAB9A
- 96A094
- 8F958D
- 878A86
Harmonias de cor
Complementar +180°
- CCEEC2
Celery Victor
- F6D5FF
≈ Pink Diamond
Análoga -30° +30°
- CCEEC2
Celery Victor
- E6E7B2
≈ Iced Celery
- B6F2DA
≈ Mystery Mint
Tríade +120° +240°
- CCEEC2
Celery Victor
- D2E4FF
≈ Veiling Waterfalls
- FFD7D7
≈ We Peep
Complementar dividida +150° +210°
- CCEEC2
Celery Victor
- E0DEFF
≈ Contrail
- FFD5E8
≈ Pink Currant
Tétrade +90° +180° +270°
- CCEEC2
Celery Victor
- BEEAFF
≈ Blue Java Banana
- F6D5FF
≈ Pink Diamond
- FFD9C6
≈ Quilt
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.57:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.57:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--celery-victor: #cceec2;
--celery-victor-rgb: 204 238 194;
--celery-victor-oklch: oklch(0.913 0.069 138.6);
}
.element {
color: var(--celery-victor);
background-color: hsl(106 56% 85%);
border-color: oklch(0.913 0.069 138.6);
}Tailwind CSS v4
@theme {
--color-celery-victor: #cceec2;
--color-celery-victor-50: #ebfae8;
--color-celery-victor-100: #dceed9;
--color-celery-victor-200: #c5dcc1;
--color-celery-victor-300: #a5c1a0;
--color-celery-victor-400: #8aa981;
--color-celery-victor-500: #6f9165;
--color-celery-victor-600: #5e7b56;
--color-celery-victor-700: #4b6244;
--color-celery-victor-800: #374830;
--color-celery-victor-900: #263221;
--color-celery-victor-950: #141e10;
}SCSS
$celery-victor: #cceec2;
$celery-victor-rgb: 204, 238, 194;
$celery-victor-light: mix(#fff, $celery-victor, 20%);
$celery-victor-dark: mix(#000, $celery-victor, 20%);
.element {
color: $celery-victor;
box-shadow: 0 0 0 2px rgba($celery-victor, 0.35);
}