Adlandırılmış renk · #D0C8B0
Kitsilano Cookie
Kitsilano Cookie, #D0C8B0: rgb(208 200 176), hsl(45 25% 75%), oklch(0.833 0.034 91.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Kitsilano Cookie color name →
#D0C8B0
oklch(0.833 0.034 91.7)
Renk dönüşümleri
- HEX
- #d0c8b0
- RGB
- rgb(208 200 176)
- HSL
- hsl(45 25% 75%)
- HWB
- hwb(45 69% 18%)
- OKLCH
- oklch(0.833 0.034 91.7)
- OKLab
- oklab(0.833 -0.001 0.034)
- CIE Lab
- lab(80.78 -0.09 13.11)
- LCH
- lch(80.78 13.11 90.4)
- CMYK
- cmyk(0% 4% 15% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5CDB8
- D9D3C0
- DED8C7
- E3DECF
- E7E3D7
- ECE9DF
- F1EEE7
- F5F4EF
- FAF9F7
Koyu tonlar
- B5AE99
- 9A9482
- 807B6C
- 676356
- 4F4C42
- 39362E
- 23211C
- 100F0B
- 020201
Gri tonlar
- C8C1AB
- BFB9A6
- B7B2A1
- AFAB9D
- A7A398
- 9F9C93
- 97958E
- 8F8E8A
- 888785
Renk uyumları
Tamamlayıcı +180°
- D0C8B0
Kitsilano Cookie
- C0C7DF
≈ Iced Lavender
Analog -30° +30°
- D0C8B0
Kitsilano Cookie
- D9C4B3
≈ Mission Stone
- C4CCB4
≈ Spring Hill
Üçlü +120° +240°
- D0C8B0
Kitsilano Cookie
- B0CFD5
≈ Clinical Soft Blue
- D6C1D2
≈ Chinaberry Bloom
Bölünmüş tamamlayıcı +150° +210°
- D0C8B0
Kitsilano Cookie
- B6CCDD
≈ Norwegian Sky
- CCC4DB
≈ Lilac Crystal
Dörtlü +90° +180° +270°
- D0C8B0
Kitsilano Cookie
- B1D0CA
≈ Cassiopeia
- C0C7DF
≈ Iced Lavender
- DCC0C6
≈ Mud Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.57:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--kitsilano-cookie: #d0c8b0;
--kitsilano-cookie-rgb: 208 200 176;
--kitsilano-cookie-oklch: oklch(0.833 0.034 91.7);
}
.element {
color: var(--kitsilano-cookie);
background-color: hsl(45 25% 75%);
border-color: oklch(0.833 0.034 91.7);
}Tailwind CSS v4
@theme {
--color-kitsilano-cookie: #d0c8b0;
--color-kitsilano-cookie-50: #f8f5eb;
--color-kitsilano-cookie-100: #ebe8dc;
--color-kitsilano-cookie-200: #d9d4c4;
--color-kitsilano-cookie-300: #bdb7a4;
--color-kitsilano-cookie-400: #a59e88;
--color-kitsilano-cookie-500: #8e866d;
--color-kitsilano-cookie-600: #78715d;
--color-kitsilano-cookie-700: #605b4a;
--color-kitsilano-cookie-800: #474235;
--color-kitsilano-cookie-900: #312e24;
--color-kitsilano-cookie-950: #1d1a13;
}SCSS
$kitsilano-cookie: #d0c8b0;
$kitsilano-cookie-rgb: 208, 200, 176;
$kitsilano-cookie-light: mix(#fff, $kitsilano-cookie, 20%);
$kitsilano-cookie-dark: mix(#000, $kitsilano-cookie, 20%);
.element {
color: $kitsilano-cookie;
box-shadow: 0 0 0 2px rgba($kitsilano-cookie, 0.35);
}