Adlandırılmış renk · #EADDC6
Authentic Tan
Authentic Tan, #EADDC6: rgb(234 221 198), hsl(38 46% 85%), oklch(0.902 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? → · Authentic Tan color name →
#EADDC6
oklch(0.902 0.034 82)
Renk dönüşümleri
- HEX
- #eaddc6
- RGB
- rgb(234 221 198)
- HSL
- hsl(38 46% 85%)
- HWB
- hwb(38 78% 8%)
- OKLCH
- oklch(0.902 0.034 82)
- OKLab
- oklab(0.902 0.005 0.033)
- CIE Lab
- lab(88.72 1.84 13.02)
- LCH
- lch(88.72 13.15 82)
- CMYK
- cmyk(0% 6% 15% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECE0CC
- EEE4D1
- F0E7D7
- F2EBDD
- F5EEE2
- F7F1E8
- F9F5EE
- FBF8F4
- FDFCF9
Koyu tonlar
- CBC0AC
- AEA492
- 91887A
- 756E62
- 5A554B
- 413D35
- 292621
- 13110E
- 030202
Gri tonlar
- DFD3BF
- D4CAB8
- C9C0B1
- BEB7A9
- B4ADA2
- A9A49B
- 9F9B95
- 94928E
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EADDC6
Authentic Tan
- D3DFF6
≈ Puffy Cloud
Analog -30° +30°
- EADDC6
Authentic Tan
- F2D9CB
≈ Angelic Pink
- DFE1C8
≈ Aloe Nectar
Üçlü +120° +240°
- EADDC6
Authentic Tan
- C6E6E8
≈ Snowmelt
- EAD8EC
≈ Pale Grey Magenta
Bölünmüş tamamlayıcı +150° +210°
- EADDC6
Authentic Tan
- C9E3F2
≈ Salty Ice
- DEDBF4
≈ Nostalgia Perfume
Dörtlü +90° +180° +270°
- EADDC6
Authentic Tan
- C9E6DC
≈ Mint Whisper
- D3DFF6
≈ Puffy Cloud
- F2D6E1
≈ Pomodoro e Mozzarella
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.65:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.65:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--authentic-tan: #eaddc6;
--authentic-tan-rgb: 234 221 198;
--authentic-tan-oklch: oklch(0.902 0.034 82);
}
.element {
color: var(--authentic-tan);
background-color: hsl(38 46% 85%);
border-color: oklch(0.902 0.034 82);
}Tailwind CSS v4
@theme {
--color-authentic-tan: #eaddc6;
--color-authentic-tan-50: #faf5eb;
--color-authentic-tan-100: #ede7db;
--color-authentic-tan-200: #dbd3c4;
--color-authentic-tan-300: #c0b6a4;
--color-authentic-tan-400: #a99d88;
--color-authentic-tan-500: #92846d;
--color-authentic-tan-600: #7b705d;
--color-authentic-tan-700: #625a4a;
--color-authentic-tan-800: #494135;
--color-authentic-tan-900: #322d24;
--color-authentic-tan-950: #1e1a13;
}SCSS
$authentic-tan: #eaddc6;
$authentic-tan-rgb: 234, 221, 198;
$authentic-tan-light: mix(#fff, $authentic-tan, 20%);
$authentic-tan-dark: mix(#000, $authentic-tan, 20%);
.element {
color: $authentic-tan;
box-shadow: 0 0 0 2px rgba($authentic-tan, 0.35);
}