Adlandırılmış renk · #E5C8D9
Kiss Good Night
Kiss Good Night, #E5C8D9: rgb(229 200 217), hsl(325 36% 84%), oklch(0.862 0.04 341.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Kiss Good Night color name →
#E5C8D9
oklch(0.862 0.04 341.9)
Renk dönüşümleri
- HEX
- #e5c8d9
- RGB
- rgb(229 200 217)
- HSL
- hsl(325 36% 84%)
- HWB
- hwb(325 78% 10%)
- OKLCH
- oklch(0.862 0.04 341.9)
- OKLab
- oklab(0.862 0.038 -0.012)
- CIE Lab
- lab(83.47 12.66 -4.53)
- LCH
- lch(83.47 13.45 340.3)
- CMYK
- cmyk(0% 13% 5% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8CDDD
- EAD3E1
- EDD8E4
- F0DEE8
- F2E3EC
- F5E9F0
- F7EEF4
- FAF4F7
- FCF9FB
Koyu tonlar
- C7AEBC
- AA94A1
- 8E7B86
- 72636C
- 584C53
- 3F363B
- 282125
- 120F11
- 030202
Gri tonlar
- DBC1D0
- D0B9C7
- C6B2BD
- BCABB4
- B1A3AB
- A79CA3
- 9D959A
- 938E91
- 8A8789
Renk uyumları
Tamamlayıcı +180°
- E5C8D9
Kiss Good Night
- BCDACA
≈ Dusty Aqua
Analog -30° +30°
- E5C8D9
Kiss Good Night
- DACBE5
≈ Bashful Pansy
- EAC8CB
≈ Oh so Pretty
Üçlü +120° +240°
- E5C8D9
Kiss Good Night
- D6D3B6
≈ Pistachio Tang
- B6D8E4
≈ Fresh Dawn
Bölünmüş tamamlayıcı +150° +210°
- E5C8D9
Kiss Good Night
- C8D8BD
≈ Meadow Mist
- B5DAD8
≈ Ring Box Blue
Dörtlü +90° +180° +270°
- E5C8D9
Kiss Good Night
- E2CEB6
≈ Soft-Spoken
- BCDACA
≈ Dusty Aqua
- C0D4EC
≈ Light Water Wash
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.54:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.59:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--kiss-good-night: #e5c8d9;
--kiss-good-night-rgb: 229 200 217;
--kiss-good-night-oklch: oklch(0.862 0.04 341.9);
}
.element {
color: var(--kiss-good-night);
background-color: hsl(325 36% 84%);
border-color: oklch(0.862 0.04 341.9);
}Tailwind CSS v4
@theme {
--color-kiss-good-night: #e5c8d9;
--color-kiss-good-night-50: #fef1f8;
--color-kiss-good-night-100: #f2e3eb;
--color-kiss-good-night-200: #e1ced8;
--color-kiss-good-night-300: #c7b0bc;
--color-kiss-good-night-400: #b096a5;
--color-kiss-good-night-500: #997c8e;
--color-kiss-good-night-600: #826978;
--color-kiss-good-night-700: #685460;
--color-kiss-good-night-800: #4c3d47;
--color-kiss-good-night-900: #352a31;
--color-kiss-good-night-950: #20181d;
}SCSS
$kiss-good-night: #e5c8d9;
$kiss-good-night-rgb: 229, 200, 217;
$kiss-good-night-light: mix(#fff, $kiss-good-night, 20%);
$kiss-good-night-dark: mix(#000, $kiss-good-night, 20%);
.element {
color: $kiss-good-night;
box-shadow: 0 0 0 2px rgba($kiss-good-night, 0.35);
}