Adlandırılmış renk · #C9C3B5
Whisper Ridge
Whisper Ridge, #C9C3B5: rgb(201 195 181), hsl(42 16% 75%), oklch(0.818 0.02 87.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Whisper Ridge color name →
#C9C3B5
oklch(0.818 0.02 87.5)
Renk dönüşümleri
- HEX
- #c9c3b5
- RGB
- rgb(201 195 181)
- HSL
- hsl(42 16% 75%)
- HWB
- hwb(42 71% 21%)
- OKLCH
- oklch(0.818 0.02 87.5)
- OKLab
- oklab(0.818 0.001 0.02)
- CIE Lab
- lab(78.99 0.37 7.85)
- LCH
- lch(78.99 7.85 87.3)
- CMYK
- cmyk(0% 3% 10% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CEC9BC
- D4CFC3
- D9D5CB
- DEDBD2
- E4E1DA
- E9E7E1
- EFEDE8
- F4F3F0
- F9F9F7
Koyu tonlar
- AEA99D
- 959086
- 7C786F
- 646059
- 4C4A44
- 363430
- 22201D
- 0F0E0C
- 020202
Gri tonlar
- C1BCB0
- BAB5AA
- B2AEA5
- ABA89F
- A4A19A
- 9C9A95
- 959490
- 8E8D8A
- 878685
Renk uyumları
Tamamlayıcı +180°
- C9C3B5
Whisper Ridge
- BEC3D1
≈ Blue Bayou
Analog -30° +30°
- C9C3B5
Whisper Ridge
- CEC1B7
≈ Crystal Grey
- C2C5B7
≈ Grey Ashlar
Üçlü +120° +240°
- C9C3B5
Whisper Ridge
- B5C8CA
≈ Misty Surf
- CBBFCA
≈ Puffball
Bölünmüş tamamlayıcı +150° +210°
- C9C3B5
Whisper Ridge
- B8C6CF
≈ Silver Strand
- C5C1CF
≈ Clary Sage
Dörtlü +90° +180° +270°
- C9C3B5
Whisper Ridge
- B6C8C3
≈ Surf Spray
- BEC3D1
≈ Blue Bayou
- CFBEC3
≈ Elusive Dream
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.95:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--whisper-ridge: #c9c3b5;
--whisper-ridge-rgb: 201 195 181;
--whisper-ridge-oklch: oklch(0.818 0.02 87.5);
}
.element {
color: var(--whisper-ridge);
background-color: hsl(42 16% 75%);
border-color: oklch(0.818 0.02 87.5);
}Tailwind CSS v4
@theme {
--color-whisper-ridge: #c9c3b5;
--color-whisper-ridge-50: #f7f5ef;
--color-whisper-ridge-100: #eae8e0;
--color-whisper-ridge-200: #d7d4cb;
--color-whisper-ridge-300: #bbb7ac;
--color-whisper-ridge-400: #a39e91;
--color-whisper-ridge-500: #8c8677;
--color-whisper-ridge-600: #767165;
--color-whisper-ridge-700: #5f5a51;
--color-whisper-ridge-800: #46423b;
--color-whisper-ridge-900: #302e28;
--color-whisper-ridge-950: #1c1a16;
}SCSS
$whisper-ridge: #c9c3b5;
$whisper-ridge-rgb: 201, 195, 181;
$whisper-ridge-light: mix(#fff, $whisper-ridge, 20%);
$whisper-ridge-dark: mix(#000, $whisper-ridge, 20%);
.element {
color: $whisper-ridge;
box-shadow: 0 0 0 2px rgba($whisper-ridge, 0.35);
}