Adlandırılmış renk · #DACDB6
Light Raffia
Light Raffia, #DACDB6: rgb(218 205 182), hsl(38 33% 78%), oklch(0.853 0.034 82). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Raffia color name →
#DACDB6
oklch(0.853 0.034 82)
Renk dönüşümleri
- HEX
- #dacdb6
- RGB
- rgb(218 205 182)
- HSL
- hsl(38 33% 78%)
- HWB
- hwb(38 71% 15%)
- OKLCH
- oklch(0.853 0.034 82)
- OKLab
- oklab(0.853 0.005 0.034)
- CIE Lab
- lab(83.02 1.89 13.21)
- LCH
- lch(83.02 13.34 81.9)
- CMYK
- cmyk(0% 6% 17% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DED2BD
- E1D7C4
- E5DCCC
- E9E1D3
- ECE6DA
- F0EBE1
- F4F0E9
- F8F5F0
- FBFAF8
Koyu tonlar
- BDB29E
- A29886
- 877E6F
- 6C6659
- 544E44
- 3C3830
- 25231D
- 110F0C
- 020202
Gri tonlar
- D1C5B1
- C7BDAB
- BEB5A6
- B5ADA0
- ACA69B
- A39E95
- 9A9690
- 918F8B
- 898785
Renk uyumları
Tamamlayıcı +180°
- DACDB6
Light Raffia
- C3CFE6
≈ Paper Elephant
Analog -30° +30°
- DACDB6
Light Raffia
- E2C9BB
≈ Sultan Sand
- CFD1B8
≈ Breathe
Üçlü +120° +240°
- DACDB6
Light Raffia
- B6D6D8
≈ Skylight
- DAC8DC
≈ Euphoric Lilac
Bölünmüş tamamlayıcı +150° +210°
- DACDB6
Light Raffia
- B9D3E2
≈ Tiny Mr Frosty
- CFCBE4
≈ Foggy Plateau
Dörtlü +90° +180° +270°
- DACDB6
Light Raffia
- B9D6CC
≈ Gemini
- C3CFE6
≈ Paper Elephant
- E2C6D1
≈ Etcetera
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.56:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.38:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-raffia: #dacdb6;
--light-raffia-rgb: 218 205 182;
--light-raffia-oklch: oklch(0.853 0.034 82);
}
.element {
color: var(--light-raffia);
background-color: hsl(38 33% 78%);
border-color: oklch(0.853 0.034 82);
}Tailwind CSS v4
@theme {
--color-light-raffia: #dacdb6;
--color-light-raffia-50: #faf5ea;
--color-light-raffia-100: #ede7db;
--color-light-raffia-200: #dbd3c4;
--color-light-raffia-300: #c0b6a4;
--color-light-raffia-400: #a99d88;
--color-light-raffia-500: #92846d;
--color-light-raffia-600: #7b705c;
--color-light-raffia-700: #635a4a;
--color-light-raffia-800: #494135;
--color-light-raffia-900: #322d24;
--color-light-raffia-950: #1e1a13;
}SCSS
$light-raffia: #dacdb6;
$light-raffia-rgb: 218, 205, 182;
$light-raffia-light: mix(#fff, $light-raffia, 20%);
$light-raffia-dark: mix(#000, $light-raffia, 20%);
.element {
color: $light-raffia;
box-shadow: 0 0 0 2px rgba($light-raffia, 0.35);
}