En yakın adlandırılmış renk · #CFD9B2
#CFD9B2
En yakın adlandırılmış renk: April Showers
#CFD9B2 (rgb(207 217 178), hsl(75 34% 77%), oklch(0.868 0.053 119.2)) en çok April Showers adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CFD9B2
oklch(0.868 0.053 119.2)
Renk dönüşümleri
- HEX
- #cfd9b2
- RGB
- rgb(207 217 178)
- HSL
- hsl(75 34% 77%)
- HWB
- hwb(75 70% 15%)
- OKLCH
- oklch(0.868 0.053 119.2)
- OKLab
- oklab(0.868 -0.026 0.046)
- CIE Lab
- lab(85.16 -8.47 18.1)
- LCH
- lch(85.16 19.98 115.1)
- CMYK
- cmyk(5% 0% 18% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4DDBA
- D8E1C1
- DDE4C9
- E2E8D1
- E7ECD8
- ECF0E0
- F0F4E8
- F5F7F0
- FAFBF7
Koyu tonlar
- B4BC9A
- 99A183
- 7F866D
- 676C57
- 4F5343
- 383B2F
- 23251D
- 10110C
- 020201
Gri tonlar
- C7D0AD
- BFC7A8
- B7BDA3
- AFB49E
- A7AC99
- 9FA394
- 979A8F
- 8F918A
- 888985
Renk uyumları
Tamamlayıcı +180°
- CFD9B2
April Showers
- D8CCF2
≈ Plum’s the Word
Analog -30° +30°
- CFD9B2
April Showers
- E1D2AC
≈ Gratin Dauphinois
- BCDEC1
≈ Sprite Twist
Üçlü +120° +240°
- CFD9B2
April Showers
- B4D9F3
≈ Blue Rice
- F2C6D2
≈ Hello Dolly
Bölünmüş tamamlayıcı +150° +210°
- CFD9B2
April Showers
- C5D3F8
≈ Frozen Periwinkle
- E8C7E5
≈ Sweet Murmur
Dörtlü +90° +180° +270°
- CFD9B2
April Showers
- ABDEE6
≈ Sky Cloud
- D8CCF2
≈ Plum’s the Word
- F5C7BF
≈ Millennial Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.22:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--april-showers: #cfd9b2;
--april-showers-rgb: 207 217 178;
--april-showers-oklch: oklch(0.868 0.053 119.2);
}
.element {
color: var(--april-showers);
background-color: hsl(75 34% 77%);
border-color: oklch(0.868 0.053 119.2);
}Tailwind CSS v4
@theme {
--color-april-showers: #cfd9b2;
--color-april-showers-50: #f2f8e7;
--color-april-showers-100: #e5ebd8;
--color-april-showers-200: #d0d8bf;
--color-april-showers-300: #b3bc9e;
--color-april-showers-400: #9aa380;
--color-april-showers-500: #828c63;
--color-april-showers-600: #6e7654;
--color-april-showers-700: #585e43;
--color-april-showers-800: #414530;
--color-april-showers-900: #2d3020;
--color-april-showers-950: #1a1c10;
}SCSS
$april-showers: #cfd9b2;
$april-showers-rgb: 207, 217, 178;
$april-showers-light: mix(#fff, $april-showers, 20%);
$april-showers-dark: mix(#000, $april-showers, 20%);
.element {
color: $april-showers;
box-shadow: 0 0 0 2px rgba($april-showers, 0.35);
}