Adlandırılmış renk · #D1B375
Dried Chamomile
Dried Chamomile, #D1B375: rgb(209 179 117), hsl(40 50% 64%), oklch(0.779 0.087 84.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Dried Chamomile color name →
#D1B375
oklch(0.779 0.087 84.7)
Renk dönüşümleri
- HEX
- #d1b375
- RGB
- rgb(209 179 117)
- HSL
- hsl(40 50% 64%)
- HWB
- hwb(40 46% 18%)
- OKLCH
- oklch(0.779 0.087 84.7)
- OKLab
- oklab(0.779 0.008 0.087)
- CIE Lab
- lab(74.56 5.12 35.81)
- LCH
- lch(74.56 36.18 81.9)
- CMYK
- cmyk(0% 14% 44% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6BB83
- DAC291
- DFCA9F
- E3D1AD
- E8D9BB
- EDE1C8
- F1E8D6
- F6F0E4
- FAF7F1
Koyu tonlar
- B59B65
- 9B8455
- 816E46
- 685837
- 504329
- 392F1C
- 231D0F
- 100C05
- 020101
Gri tonlar
- C9AE77
- C0A979
- B8A47A
- B09F7C
- A89A7D
- A0947E
- 988F7F
- 908A7F
- 888580
Renk uyumları
Tamamlayıcı +180°
- D1B375
Dried Chamomile
- 9BB7F0
≈ Wondrous Wisteria
Analog -30° +30°
- D1B375
Dried Chamomile
- E3A881
≈ Orange Clay
- B5BE7D
≈ Dried Caspia
Üçlü +120° +240°
- D1B375
Dried Chamomile
- 6EC8D1
≈ Salt Lake
- D4A4D6
≈ Favourite Lavender
Bölünmüş tamamlayıcı +150° +210°
- D1B375
Dried Chamomile
- 7EC1E7
≈ Billow
- BAACEA
≈ Purple Sand
Dörtlü +90° +180° +270°
- D1B375
Dried Chamomile
- 78CAB3
≈ Meridian Star
- 9BB7F0
≈ Wondrous Wisteria
- E4A0BA
≈ Blushing Tulip
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.41:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--dried-chamomile: #d1b375;
--dried-chamomile-rgb: 209 179 117;
--dried-chamomile-oklch: oklch(0.779 0.087 84.7);
}
.element {
color: var(--dried-chamomile);
background-color: hsl(40 50% 64%);
border-color: oklch(0.779 0.087 84.7);
}Tailwind CSS v4
@theme {
--color-dried-chamomile: #d1b375;
--color-dried-chamomile-50: #fff4d9;
--color-dried-chamomile-100: #f5e7c7;
--color-dried-chamomile-200: #e5d2aa;
--color-dried-chamomile-300: #cbb584;
--color-dried-chamomile-400: #b69b61;
--color-dried-chamomile-500: #a1813c;
--color-dried-chamomile-600: #886d34;
--color-dried-chamomile-700: #6d5829;
--color-dried-chamomile-800: #513f1c;
--color-dried-chamomile-900: #392c12;
--color-dried-chamomile-950: #231905;
}SCSS
$dried-chamomile: #d1b375;
$dried-chamomile-rgb: 209, 179, 117;
$dried-chamomile-light: mix(#fff, $dried-chamomile, 20%);
$dried-chamomile-dark: mix(#000, $dried-chamomile, 20%);
.element {
color: $dried-chamomile;
box-shadow: 0 0 0 2px rgba($dried-chamomile, 0.35);
}