En yakın adlandırılmış renk · #CCE4BA
#CCE4BA
En yakın adlandırılmış renk: Ambrosia
#CCE4BA (rgb(204 228 186), hsl(94 44% 81%), oklch(0.89 0.062 131.9)) en çok Ambrosia adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CCE4BA
oklch(0.89 0.062 131.9)
Renk dönüşümleri
- HEX
- #cce4ba
- RGB
- rgb(204 228 186)
- HSL
- hsl(94 44% 81%)
- HWB
- hwb(94 73% 11%)
- OKLCH
- oklch(0.89 0.062 131.9)
- OKLab
- oklab(0.89 -0.041 0.046)
- CIE Lab
- lab(87.98 -13.8 17.79)
- LCH
- lch(87.98 22.52 127.8)
- CMYK
- cmyk(11% 0% 18% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1E7C1
- D6E9C8
- DBECCF
- E0EFD6
- E5F2DC
- EAF4E3
- F0F7EA
- F5FAF1
- FAFCF8
Koyu tonlar
- B1C6A1
- 97A989
- 7E8D72
- 65725C
- 4E5846
- 373F32
- 22281E
- 0F120D
- 020302
Gri tonlar
- C4DAB4
- BCCFAE
- B5C5A8
- ADBBA3
- A5B19D
- 9EA797
- 969D91
- 8F938C
- 878A86
Renk uyumları
Tamamlayıcı +180°
- CCE4BA
Ambrosia
- E9D0F9
≈ Mousse aux Pruneaux
Analog -30° +30°
- CCE4BA
Ambrosia
- E3DDAE
≈ Virgin Olive Oil
- B7E8CE
≈ Woolly Mint
Üçlü +120° +240°
- CCE4BA
Ambrosia
- C1DEFF
≈ Dithered Sky
- FFCCD1
≈ Lusty-Gallant
Bölünmüş tamamlayıcı +150° +210°
- CCE4BA
Ambrosia
- D4D7FF
≈ Pale Phthalo Blue
- F9CBE6
≈ Classic Rose
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.37:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--ambrosia: #cce4ba;
--ambrosia-rgb: 204 228 186;
--ambrosia-oklch: oklch(0.89 0.062 131.9);
}
.element {
color: var(--ambrosia);
background-color: hsl(94 44% 81%);
border-color: oklch(0.89 0.062 131.9);
}Tailwind CSS v4
@theme {
--color-ambrosia: #cce4ba;
--color-ambrosia-50: #eef9e8;
--color-ambrosia-100: #e0edd8;
--color-ambrosia-200: #cadac0;
--color-ambrosia-300: #abbf9f;
--color-ambrosia-400: #91a781;
--color-ambrosia-500: #778f64;
--color-ambrosia-600: #657955;
--color-ambrosia-700: #516144;
--color-ambrosia-800: #3b4730;
--color-ambrosia-900: #293121;
--color-ambrosia-950: #171d10;
}SCSS
$ambrosia: #cce4ba;
$ambrosia-rgb: 204, 228, 186;
$ambrosia-light: mix(#fff, $ambrosia, 20%);
$ambrosia-dark: mix(#000, $ambrosia, 20%);
.element {
color: $ambrosia;
box-shadow: 0 0 0 2px rgba($ambrosia, 0.35);
}