Adlandırılmış renk · #CFD8D1
Serene Journey
Serene Journey, #CFD8D1: rgb(207 216 209), hsl(133 10% 83%), oklch(0.873 0.014 152.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Serene Journey color name →
#CFD8D1
oklch(0.873 0.014 152.6)
Renk dönüşümleri
- HEX
- #cfd8d1
- RGB
- rgb(207 216 209)
- HSL
- hsl(133 10% 83%)
- HWB
- hwb(133 81% 15%)
- OKLCH
- oklch(0.873 0.014 152.6)
- OKLab
- oklab(0.873 -0.012 0.006)
- CIE Lab
- lab(85.49 -4.11 2.35)
- LCH
- lch(85.49 4.74 150.3)
- CMYK
- cmyk(4% 0% 3% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4DCD6
- D8E0DA
- DDE4DF
- E2E7E3
- E7EBE8
- ECEFEC
- F0F3F1
- F5F7F6
- FAFBFA
Koyu tonlar
- B4BCB5
- 99A09B
- 7F8581
- 676B68
- 4F5350
- 383B39
- 232523
- 101110
- 020202
Gri tonlar
- C7CFC9
- BFC6C0
- B7BDB8
- AFB4B0
- A7ABA8
- 9FA2A0
- 979A98
- 8F9190
- 888888
Renk uyumları
Tamamlayıcı +180°
- CFD8D1
Serene Journey
- DBD2D9
≈ Blackberry Cream
Analog -30° +30°
- CFD8D1
Serene Journey
- D3D7CD
≈ Luna
- CCD8D6
≈ Thunder Bay
Üçlü +120° +240°
- CFD8D1
Serene Journey
- D2D5DF
≈ Purple Veil
- DED2D0
≈ Tranquil Retreat
Bölünmüş tamamlayıcı +150° +210°
- CFD8D1
Serene Journey
- D7D3DD
≈ Take the Plunge
- DED2D4
≈ Pearl Rose
Dörtlü +90° +180° +270°
- CFD8D1
Serene Journey
- CED7DE
≈ Blue Gossamer
- DBD2D9
≈ Blackberry Cream
- DCD4CC
≈ Light Limed White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.39:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.39:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--serene-journey: #cfd8d1;
--serene-journey-rgb: 207 216 209;
--serene-journey-oklch: oklch(0.873 0.014 152.6);
}
.element {
color: var(--serene-journey);
background-color: hsl(133 10% 83%);
border-color: oklch(0.873 0.014 152.6);
}Tailwind CSS v4
@theme {
--color-serene-journey: #cfd8d1;
--color-serene-journey-50: #f2f6f3;
--color-serene-journey-100: #e4e9e6;
--color-serene-journey-200: #d0d6d2;
--color-serene-journey-300: #b2b9b4;
--color-serene-journey-400: #99a19b;
--color-serene-journey-500: #808982;
--color-serene-journey-600: #6c746e;
--color-serene-journey-700: #565d58;
--color-serene-journey-800: #3f4440;
--color-serene-journey-900: #2b2f2c;
--color-serene-journey-950: #191b19;
}SCSS
$serene-journey: #cfd8d1;
$serene-journey-rgb: 207, 216, 209;
$serene-journey-light: mix(#fff, $serene-journey, 20%);
$serene-journey-dark: mix(#000, $serene-journey, 20%);
.element {
color: $serene-journey;
box-shadow: 0 0 0 2px rgba($serene-journey, 0.35);
}