Adlandırılmış renk · #DAB77F
Brik Dough
Brik Dough, #DAB77F: rgb(218 183 127), hsl(37 55% 68%), oklch(0.797 0.083 78.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? → · Brik Dough color name →
#DAB77F
oklch(0.797 0.083 78.9)
Renk dönüşümleri
- HEX
- #dab77f
- RGB
- rgb(218 183 127)
- HSL
- hsl(37 55% 68%)
- HWB
- hwb(37 50% 15%)
- OKLCH
- oklch(0.797 0.083 78.9)
- OKLab
- oklab(0.797 0.016 0.082)
- CIE Lab
- lab(76.58 7.54 33.42)
- LCH
- lch(76.58 34.26 77.3)
- CMYK
- cmyk(0% 16% 42% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DEBE8C
- E2C599
- E5CDA6
- E9D4B3
- EDDBBF
- F0E2CC
- F4E9D9
- F8F1E5
- FBF8F2
Koyu tonlar
- BD9F6E
- A2875D
- 87704C
- 6C5A3C
- 54452D
- 3C311F
- 251E11
- 110C06
- 020201
Gri tonlar
- D1B180
- C7AC80
- BEA681
- B5A181
- AC9B81
- A39681
- 9A9081
- 918B81
- 898581
Renk uyumları
Tamamlayıcı +180°
- DAB77F
Brik Dough
- 9DBFF3
≈ Sail to the Sea
Analog -30° +30°
- DAB77F
Brik Dough
- EAAD8E
≈ Sweet Marmalade
- C1C282
≈ Kiss a Frog
Üçlü +120° +240°
- DAB77F
Brik Dough
- 78CED1
≈ Soft Turquoise
- D4ACDF
≈ Whisper of Plum
Bölünmüş tamamlayıcı +150° +210°
- DAB77F
Brik Dough
- 82C8E8
≈ Shimmer
- BAB5F0
≈ Purple Illusion
Dörtlü +90° +180° +270°
- DAB77F
Brik Dough
- 85CFB4
≈ Lavish Green
- 9DBFF3
≈ Sail to the Sea
- E6A7C5
≈ Think Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.89:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.06:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--brik-dough: #dab77f;
--brik-dough-rgb: 218 183 127;
--brik-dough-oklch: oklch(0.797 0.083 78.9);
}
.element {
color: var(--brik-dough);
background-color: hsl(37 55% 68%);
border-color: oklch(0.797 0.083 78.9);
}Tailwind CSS v4
@theme {
--color-brik-dough: #dab77f;
--color-brik-dough-50: #fff3db;
--color-brik-dough-100: #f6e6c9;
--color-brik-dough-200: #e7d1ad;
--color-brik-dough-300: #ceb487;
--color-brik-dough-400: #b99965;
--color-brik-dough-500: #a47f42;
--color-brik-dough-600: #8a6c39;
--color-brik-dough-700: #6f562d;
--color-brik-dough-800: #533e1f;
--color-brik-dough-900: #3a2b14;
--color-brik-dough-950: #241806;
}SCSS
$brik-dough: #dab77f;
$brik-dough-rgb: 218, 183, 127;
$brik-dough-light: mix(#fff, $brik-dough, 20%);
$brik-dough-dark: mix(#000, $brik-dough, 20%);
.element {
color: $brik-dough;
box-shadow: 0 0 0 2px rgba($brik-dough, 0.35);
}