Adlandırılmış renk · #CCAF92
Dover Plains
Dover Plains, #CCAF92: rgb(204 175 146), hsl(30 36% 69%), oklch(0.772 0.052 66.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Dover Plains color name →
#CCAF92
oklch(0.772 0.052 66.9)
Renk dönüşümleri
- HEX
- #ccaf92
- RGB
- rgb(204 175 146)
- HSL
- hsl(30 36% 69%)
- HWB
- hwb(30 57% 20%)
- OKLCH
- oklch(0.772 0.052 66.9)
- OKLab
- oklab(0.772 0.02 0.048)
- CIE Lab
- lab(73.49 7.64 19.02)
- LCH
- lch(73.49 20.5 68.1)
- CMYK
- cmyk(0% 14% 28% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1B79D
- D6BFA7
- DBC7B2
- E1CFBD
- E6D7C8
- EBDFD3
- F0E7DE
- F5EFE9
- FAF7F4
Koyu tonlar
- B1987E
- 97816B
- 7E6B58
- 655646
- 4E4135
- 372E25
- 221C16
- 0F0B08
- 020101
Gri tonlar
- C4AA90
- BCA58F
- B5A18D
- AD9C8B
- A59789
- 9E9388
- 968E86
- 8F8984
- 878582
Renk uyumları
Tamamlayıcı +180°
- CCAF92
Dover Plains
- 9BB9D5
≈ Novella Blue
Analog -30° +30°
- CCAF92
Dover Plains
- D3AA9E
≈ Cinnamon Cocoa
- BEB590
≈ Bayou Shade
Üçlü +120° +240°
- CCAF92
Dover Plains
- 8FC0BA
≈ Chinese Tzu
- BDADCF
≈ Grape’s Treasure
Bölünmüş tamamlayıcı +150° +210°
- CCAF92
Dover Plains
- 8FBECB
≈ Witness
- ACB2D7
≈ Pixie Violet
Dörtlü +90° +180° +270°
- CCAF92
Dover Plains
- 9ABFA8
≈ Reeds
- 9BB9D5
≈ Novella Blue
- CBA9C1
≈ Safflower Wisteria
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.07:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.11:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--dover-plains: #ccaf92;
--dover-plains-rgb: 204 175 146;
--dover-plains-oklch: oklch(0.772 0.052 66.9);
}
.element {
color: var(--dover-plains);
background-color: hsl(30 36% 69%);
border-color: oklch(0.772 0.052 66.9);
}Tailwind CSS v4
@theme {
--color-dover-plains: #ccaf92;
--color-dover-plains-50: #fff3e6;
--color-dover-plains-100: #f4e5d6;
--color-dover-plains-200: #e3d1bd;
--color-dover-plains-300: #c9b39b;
--color-dover-plains-400: #b4997e;
--color-dover-plains-500: #9e8061;
--color-dover-plains-600: #866c53;
--color-dover-plains-700: #6b5742;
--color-dover-plains-800: #4f3f2f;
--color-dover-plains-900: #372b20;
--color-dover-plains-950: #221910;
}SCSS
$dover-plains: #ccaf92;
$dover-plains-rgb: 204, 175, 146;
$dover-plains-light: mix(#fff, $dover-plains, 20%);
$dover-plains-dark: mix(#000, $dover-plains, 20%);
.element {
color: $dover-plains;
box-shadow: 0 0 0 2px rgba($dover-plains, 0.35);
}