Adlandırılmış renk · #D2C6B6
Stark White
Stark White, #D2C6B6: rgb(210 198 182), hsl(34 24% 77%), oklch(0.832 0.026 75.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Stark White color name →
#D2C6B6
oklch(0.832 0.026 75.2)
Renk dönüşümleri
- HEX
- #d2c6b6
- RGB
- rgb(210 198 182)
- HSL
- hsl(34 24% 77%)
- HWB
- hwb(34 71% 18%)
- OKLCH
- oklch(0.832 0.026 75.2)
- OKLab
- oklab(0.832 0.007 0.025)
- CIE Lab
- lab(80.55 2.35 9.63)
- LCH
- lch(80.55 9.91 76.3)
- CMYK
- cmyk(0% 6% 13% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6CCBD
- DBD1C4
- DFD7CC
- E4DDD3
- E8E2DA
- EDE8E1
- F1EEE9
- F6F3F0
- FAF9F8
Koyu tonlar
- B6AC9E
- 9B9286
- 817A6F
- 686259
- 504B44
- 393530
- 24211D
- 100E0C
- 020202
Gri tonlar
- C9BFB0
- C1B8AB
- B9B0A6
- B0A9A0
- A8A29B
- A09B95
- 989490
- 908E8B
- 888785
Renk uyumları
Tamamlayıcı +180°
- D2C6B6
Stark White
- BDC9D9
≈ Light Pearl Soft Blue
Analog -30° +30°
- D2C6B6
Stark White
- D7C3BA
≈ New Wool
- CAC9B6
≈ French Grey Linen
Üçlü +120° +240°
- D2C6B6
Stark White
- B6CECD
≈ Turquoise Grey
- CEC3D4
≈ Orchid Hush
Bölünmüş tamamlayıcı +150° +210°
- D2C6B6
Stark White
- B7CCD5
≈ Light Topaz Soft Blue
- C6C6D9
≈ Pax
Dörtlü +90° +180° +270°
- D2C6B6
Stark White
- B9CEC4
≈ Quiet Drizzle
- BDC9D9
≈ Light Pearl Soft Blue
- D5C2CC
≈ Bassinet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.68:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.49:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--stark-white: #d2c6b6;
--stark-white-rgb: 210 198 182;
--stark-white-oklch: oklch(0.832 0.026 75.2);
}
.element {
color: var(--stark-white);
background-color: hsl(34 24% 77%);
border-color: oklch(0.832 0.026 75.2);
}Tailwind CSS v4
@theme {
--color-stark-white: #d2c6b6;
--color-stark-white-50: #f9f4ed;
--color-stark-white-100: #ede7df;
--color-stark-white-200: #dad3c8;
--color-stark-white-300: #bfb6a9;
--color-stark-white-400: #a89d8e;
--color-stark-white-500: #908474;
--color-stark-white-600: #7a7062;
--color-stark-white-700: #62594e;
--color-stark-white-800: #484139;
--color-stark-white-900: #322d27;
--color-stark-white-950: #1e1a15;
}SCSS
$stark-white: #d2c6b6;
$stark-white-rgb: 210, 198, 182;
$stark-white-light: mix(#fff, $stark-white, 20%);
$stark-white-dark: mix(#000, $stark-white, 20%);
.element {
color: $stark-white;
box-shadow: 0 0 0 2px rgba($stark-white, 0.35);
}