Adlandırılmış renk · #DAD1C8
Jodhpur Tan
Jodhpur Tan, #DAD1C8: rgb(218 209 200), hsl(30 20% 82%), oklch(0.865 0.016 67.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? → · Jodhpur Tan color name →
#DAD1C8
oklch(0.865 0.016 67.6)
Renk dönüşümleri
- HEX
- #dad1c8
- RGB
- rgb(218 209 200)
- HSL
- hsl(30 20% 82%)
- HWB
- hwb(30 78% 15%)
- OKLCH
- oklch(0.865 0.016 67.6)
- OKLab
- oklab(0.865 0.006 0.015)
- CIE Lab
- lab(84.39 2.06 5.64)
- LCH
- lch(84.39 6.01 69.9)
- CMYK
- cmyk(0% 4% 8% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DED6CD
- E1DAD3
- E5DFD8
- E9E3DE
- ECE8E3
- F0ECE9
- F4F1EE
- F8F6F4
- FBFAF9
Koyu tonlar
- BDB5AE
- A29B94
- 87817B
- 6C6863
- 54504C
- 3C3936
- 252321
- 11100F
- 020202
Gri tonlar
- D1C9C1
- C7C0B9
- BEB8B2
- B5B0AB
- ACA8A3
- A3A09C
- 9A9895
- 91908E
- 898887
Renk uyumları
Tamamlayıcı +180°
- DAD1C8
Jodhpur Tan
- CBD4DD
≈ Ephemeral Blue
Analog -30° +30°
- DAD1C8
Jodhpur Tan
- DDCFCB
≈ Pearls & Lace
- D5D3C7
≈ Barest Hush
Üçlü +120° +240°
- DAD1C8
Jodhpur Tan
- C8D6D4
≈ Blue Lullaby
- D5D0DB
≈ Iron Maiden
Bölünmüş tamamlayıcı +150° +210°
- DAD1C8
Jodhpur Tan
- C8D5DA
≈ Ice Rink Blue
- D0D2DD
≈ Light Horizon Sky
Dörtlü +90° +180° +270°
- DAD1C8
Jodhpur Tan
- CBD6CF
≈ Sprout Green
- CBD4DD
≈ Ephemeral Blue
- DACFD6
≈ Stardust Ballroom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.93:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.93:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--jodhpur-tan: #dad1c8;
--jodhpur-tan-rgb: 218 209 200;
--jodhpur-tan-oklch: oklch(0.865 0.016 67.6);
}
.element {
color: var(--jodhpur-tan);
background-color: hsl(30 20% 82%);
border-color: oklch(0.865 0.016 67.6);
}Tailwind CSS v4
@theme {
--color-jodhpur-tan: #dad1c8;
--color-jodhpur-tan-50: #f8f4f0;
--color-jodhpur-tan-100: #ebe7e2;
--color-jodhpur-tan-200: #d9d3cd;
--color-jodhpur-tan-300: #bdb6af;
--color-jodhpur-tan-400: #a59d95;
--color-jodhpur-tan-500: #8d847b;
--color-jodhpur-tan-600: #787068;
--color-jodhpur-tan-700: #605a53;
--color-jodhpur-tan-800: #46413d;
--color-jodhpur-tan-900: #312d2a;
--color-jodhpur-tan-950: #1d1a17;
}SCSS
$jodhpur-tan: #dad1c8;
$jodhpur-tan-rgb: 218, 209, 200;
$jodhpur-tan-light: mix(#fff, $jodhpur-tan, 20%);
$jodhpur-tan-dark: mix(#000, $jodhpur-tan, 20%);
.element {
color: $jodhpur-tan;
box-shadow: 0 0 0 2px rgba($jodhpur-tan, 0.35);
}