Adlandırılmış renk · #EEF9C1
Kiwi Kiss
Kiwi Kiss, #EEF9C1: rgb(238 249 193), hsl(72 82% 87%), oklch(0.96 0.073 116.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Kiwi Kiss color name →
#EEF9C1
oklch(0.96 0.073 116.8)
Renk dönüşümleri
- HEX
- #eef9c1
- RGB
- rgb(238 249 193)
- HSL
- hsl(72 82% 87%)
- HWB
- hwb(72 76% 2%)
- OKLCH
- oklch(0.96 0.073 116.8)
- OKLab
- oklab(0.96 -0.033 0.065)
- CIE Lab
- lab(96.07 -10.5 25.72)
- LCH
- lch(96.07 27.78 112.2)
- CMYK
- cmyk(4% 0% 22% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0FAC7
- F1FACE
- F3FBD4
- F5FCDA
- F6FCE1
- F8FDE7
- FAFDED
- FCFEF3
- FDFEF9
Koyu tonlar
- CFD9A7
- B1B98F
- 939A77
- 777D5F
- 5C6149
- 424634
- 2A2C20
- 14150E
- 030302
Gri tonlar
- E2ECBB
- D7E0B4
- CCD3AE
- C0C7A7
- B5BBA1
- AAAF9A
- A0A394
- 95978D
- 8A8B87
Renk uyumları
Tamamlayıcı +180°
- EEF9C1
Kiwi Kiss
- F3EFFF
≈ Foundation White
Analog -30° +30°
- EEF9C1
Kiwi Kiss
- FFF1D0
≈ Bird’s Child
- D5FFD8
≈ Mint Zest
Üçlü +120° +240°
- EEF9C1
Kiwi Kiss
- E5F5FF
≈ Kodama White
- FFECF2
≈ Fairy Wings
Bölünmüş tamamlayıcı +150° +210°
- EEF9C1
Kiwi Kiss
- ECF2FF
≈ Placebo Blue
- FFEAFE
≈ Fairy Bubblegum Cloud
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.95:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--kiwi-kiss: #eef9c1;
--kiwi-kiss-rgb: 238 249 193;
--kiwi-kiss-oklch: oklch(0.96 0.073 116.8);
}
.element {
color: var(--kiwi-kiss);
background-color: hsl(72 82% 87%);
border-color: oklch(0.96 0.073 116.8);
}Tailwind CSS v4
@theme {
--color-kiwi-kiss: #eef9c1;
--color-kiwi-kiss-50: #f2f9e1;
--color-kiwi-kiss-100: #e5ecd1;
--color-kiwi-kiss-200: #d0d9b6;
--color-kiwi-kiss-300: #b3bd93;
--color-kiwi-kiss-400: #9ba473;
--color-kiwi-kiss-500: #838d53;
--color-kiwi-kiss-600: #6f7747;
--color-kiwi-kiss-700: #585f38;
--color-kiwi-kiss-800: #414527;
--color-kiwi-kiss-900: #2d301a;
--color-kiwi-kiss-950: #1a1c0b;
}SCSS
$kiwi-kiss: #eef9c1;
$kiwi-kiss-rgb: 238, 249, 193;
$kiwi-kiss-light: mix(#fff, $kiwi-kiss, 20%);
$kiwi-kiss-dark: mix(#000, $kiwi-kiss, 20%);
.element {
color: $kiwi-kiss;
box-shadow: 0 0 0 2px rgba($kiwi-kiss, 0.35);
}