Adlandırılmış renk · #C6B788
Bakelite Yellow
Bakelite Yellow, #C6B788: rgb(198 183 136), hsl(45 35% 65%), oklch(0.78 0.065 92.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Bakelite Yellow color name →
#C6B788
oklch(0.78 0.065 92.5)
Renk dönüşümleri
- HEX
- #c6b788
- RGB
- rgb(198 183 136)
- HSL
- hsl(45 35% 65%)
- HWB
- hwb(45 53% 22%)
- OKLCH
- oklch(0.78 0.065 92.5)
- OKLab
- oklab(0.78 -0.003 0.065)
- CIE Lab
- lab(74.83 0.27 26.02)
- LCH
- lch(74.83 26.02 89.4)
- CMYK
- cmyk(0% 8% 31% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCBE94
- D1C5A0
- D7CCAB
- DCD4B7
- E2DBC3
- E8E2CF
- EEE9DB
- F3F0E7
- F9F8F3
Koyu tonlar
- AC9F75
- 928763
- 7A7052
- 625A41
- 4B4531
- 353122
- 211E13
- 0E0C06
- 020201
Gri tonlar
- BFB188
- B8AC87
- B0A686
- A9A186
- A29B85
- 9B9684
- 949083
- 8E8B82
- 878581
Renk uyumları
Tamamlayıcı +180°
- C6B788
Bakelite Yellow
- A9B6E2
≈ Sassy Violet
Analog -30° +30°
- C6B788
Bakelite Yellow
- D6AF8D
≈ Key Wester
- B0BF91
≈ Bavarian Hops
Üçlü +120° +240°
- C6B788
Bakelite Yellow
- 86C3D0
≈ Antigua Sand
- D1A9CA
≈ Orchid Bouquet
Bölünmüş tamamlayıcı +150° +210°
- C6B788
Bakelite Yellow
- 93BDDE
≈ Toile Blue
- BFAEDB
≈ Purple Gladiola
Dörtlü +90° +180° +270°
- C6B788
Bakelite Yellow
- 88C6BB
≈ Little Blue Box
- A9B6E2
≈ Sassy Violet
- DCA7B4
≈ Pink Nectar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.53:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--bakelite-yellow: #c6b788;
--bakelite-yellow-rgb: 198 183 136;
--bakelite-yellow-oklch: oklch(0.78 0.065 92.5);
}
.element {
color: var(--bakelite-yellow);
background-color: hsl(45 35% 65%);
border-color: oklch(0.78 0.065 92.5);
}Tailwind CSS v4
@theme {
--color-bakelite-yellow: #c6b788;
--color-bakelite-yellow-50: #fbf5e1;
--color-bakelite-yellow-100: #efe8d0;
--color-bakelite-yellow-200: #ddd4b6;
--color-bakelite-yellow-300: #c2b892;
--color-bakelite-yellow-400: #ac9e72;
--color-bakelite-yellow-500: #958553;
--color-bakelite-yellow-600: #7e7147;
--color-bakelite-yellow-700: #655a38;
--color-bakelite-yellow-800: #4b4228;
--color-bakelite-yellow-900: #342d1a;
--color-bakelite-yellow-950: #1f1a0b;
}SCSS
$bakelite-yellow: #c6b788;
$bakelite-yellow-rgb: 198, 183, 136;
$bakelite-yellow-light: mix(#fff, $bakelite-yellow, 20%);
$bakelite-yellow-dark: mix(#000, $bakelite-yellow, 20%);
.element {
color: $bakelite-yellow;
box-shadow: 0 0 0 2px rgba($bakelite-yellow, 0.35);
}