Adlandırılmış renk · #D2AD87
Cheddar Biscuit
Cheddar Biscuit, #D2AD87: rgb(210 173 135), hsl(30 45% 68%), oklch(0.771 0.067 67.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cheddar Biscuit color name →
#D2AD87
oklch(0.771 0.067 67.3)
Renk dönüşümleri
- HEX
- #d2ad87
- RGB
- rgb(210 173 135)
- HSL
- hsl(30 45% 68%)
- HWB
- hwb(30 53% 18%)
- OKLCH
- oklch(0.771 0.067 67.3)
- OKLab
- oklab(0.771 0.026 0.062)
- CIE Lab
- lab(73.39 10.02 24.9)
- LCH
- lch(73.39 26.84 68.1)
- CMYK
- cmyk(0% 18% 36% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7B593
- DBBD9F
- E0C5AB
- E4CDB7
- E9D6C2
- EDDECE
- F2E6DB
- F6EEE7
- FBF7F3
Koyu tonlar
- B69675
- 9B7F63
- 816A51
- 685541
- 504131
- 392D21
- 241B13
- 100B06
- 020101
Gri tonlar
- CAA887
- C1A486
- B99F86
- B19B85
- A89684
- A09284
- 988D83
- 908982
- 888581
Renk uyumları
Tamamlayıcı +180°
- D2AD87
Cheddar Biscuit
- 93B9DE
≈ Sacred Blue
Analog -30° +30°
- D2AD87
Cheddar Biscuit
- DBA696
≈ Conch Pink
- C0B584
≈ Halfway Green
Üçlü +120° +240°
- D2AD87
Cheddar Biscuit
- 82C3BC
≈ Booty Bay
- C0AAD6
≈ Purple Gladiola
Bölünmüş tamamlayıcı +150° +210°
- D2AD87
Cheddar Biscuit
- 83C0D1
≈ Aftercare
- AAB1E0
≈ High Style
Dörtlü +90° +180° +270°
- D2AD87
Cheddar Biscuit
- 91C2A4
≈ Spearmint Frosting
- 93B9DE
≈ Sacred Blue
- D1A5C4
≈ Enhance
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.08:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.06:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.06:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--cheddar-biscuit: #d2ad87;
--cheddar-biscuit-rgb: 210 173 135;
--cheddar-biscuit-oklch: oklch(0.771 0.067 67.3);
}
.element {
color: var(--cheddar-biscuit);
background-color: hsl(30 45% 68%);
border-color: oklch(0.771 0.067 67.3);
}Tailwind CSS v4
@theme {
--color-cheddar-biscuit: #d2ad87;
--color-cheddar-biscuit-50: #fff2e1;
--color-cheddar-biscuit-100: #f7e4d0;
--color-cheddar-biscuit-200: #e8d0b6;
--color-cheddar-biscuit-300: #ceb293;
--color-cheddar-biscuit-400: #ba9774;
--color-cheddar-biscuit-500: #a47e55;
--color-cheddar-biscuit-600: #8b6a48;
--color-cheddar-biscuit-700: #6f553a;
--color-cheddar-biscuit-800: #533e29;
--color-cheddar-biscuit-900: #3a2a1c;
--color-cheddar-biscuit-950: #24180c;
}SCSS
$cheddar-biscuit: #d2ad87;
$cheddar-biscuit-rgb: 210, 173, 135;
$cheddar-biscuit-light: mix(#fff, $cheddar-biscuit, 20%);
$cheddar-biscuit-dark: mix(#000, $cheddar-biscuit, 20%);
.element {
color: $cheddar-biscuit;
box-shadow: 0 0 0 2px rgba($cheddar-biscuit, 0.35);
}