Adlandırılmış renk · #D5C5D4
Fragrant Snowbell
Fragrant Snowbell, #D5C5D4: rgb(213 197 212), hsl(304 16% 80%), oklch(0.841 0.027 327.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? → · Fragrant Snowbell color name →
#D5C5D4
oklch(0.841 0.027 327.7)
Renk dönüşümleri
- HEX
- #d5c5d4
- RGB
- rgb(213 197 212)
- HSL
- hsl(304 16% 80%)
- HWB
- hwb(304 77% 16%)
- OKLCH
- oklch(0.841 0.027 327.7)
- OKLab
- oklab(0.841 0.023 -0.014)
- CIE Lab
- lab(81.19 7.78 -5.38)
- LCH
- lch(81.19 9.46 325.3)
- CMYK
- cmyk(0% 8% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9CBD8
- DDD0DD
- E2D6E1
- E6DCE5
- EAE2E9
- EEE8EE
- F2EDF2
- F7F3F6
- FBF9FB
Koyu tonlar
- B9ABB8
- 9E929D
- 837983
- 6A6169
- 514B51
- 3A353A
- 242124
- 100E10
- 020202
Gri tonlar
- CCBECB
- C3B7C3
- BBB0BA
- B2A9B2
- AAA2A9
- A19BA1
- 999498
- 908D90
- 888788
Renk uyumları
Tamamlayıcı +180°
- D5C5D4
Fragrant Snowbell
- C0D0C1
≈ Spray of Mint
Analog -30° +30°
- D5C5D4
Fragrant Snowbell
- CCC7DB
≈ Angel Kiss
- DBC4CB
≈ Bunny Pink
Üçlü +120° +240°
- D5C5D4
Fragrant Snowbell
- D2CAB7
≈ Unmarked Trail
- B8D0D4
≈ Lament Blue
Bölünmüş tamamlayıcı +150° +210°
- D5C5D4
Fragrant Snowbell
- C9CEBA
≈ Morning Zen
- B9D1CB
≈ Jet Stream
Dörtlü +90° +180° +270°
- D5C5D4
Fragrant Snowbell
- D9C7BA
≈ Suede Beige
- C0D0C1
≈ Spray of Mint
- BBCEDB
≈ Constellation
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.76:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--fragrant-snowbell: #d5c5d4;
--fragrant-snowbell-rgb: 213 197 212;
--fragrant-snowbell-oklch: oklch(0.841 0.027 327.7);
}
.element {
color: var(--fragrant-snowbell);
background-color: hsl(304 16% 80%);
border-color: oklch(0.841 0.027 327.7);
}Tailwind CSS v4
@theme {
--color-fragrant-snowbell: #d5c5d4;
--color-fragrant-snowbell-50: #faf2f9;
--color-fragrant-snowbell-100: #ede5ec;
--color-fragrant-snowbell-200: #dbd0da;
--color-fragrant-snowbell-300: #c0b3be;
--color-fragrant-snowbell-400: #a899a7;
--color-fragrant-snowbell-500: #90808f;
--color-fragrant-snowbell-600: #7a6d79;
--color-fragrant-snowbell-700: #625761;
--color-fragrant-snowbell-800: #473f47;
--color-fragrant-snowbell-900: #312c32;
--color-fragrant-snowbell-950: #1d191d;
}SCSS
$fragrant-snowbell: #d5c5d4;
$fragrant-snowbell-rgb: 213, 197, 212;
$fragrant-snowbell-light: mix(#fff, $fragrant-snowbell, 20%);
$fragrant-snowbell-dark: mix(#000, $fragrant-snowbell, 20%);
.element {
color: $fragrant-snowbell;
box-shadow: 0 0 0 2px rgba($fragrant-snowbell, 0.35);
}