Warna bernama · #5E675A
Deep Bottlebrush
Deep Bottlebrush adalah #5E675A: rgb(94 103 90), hsl(102 7% 38%), oklch(0.502 0.023 135.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Deep Bottlebrush color name →
#5E675A
oklch(0.502 0.023 135.9)
Konversi warna
- HEX
- #5e675a
- RGB
- rgb(94 103 90)
- HSL
- hsl(102 7% 38%)
- HWB
- hwb(102 35% 60%)
- OKLCH
- oklch(0.502 0.023 135.9)
- OKLab
- oklab(0.502 -0.017 0.016)
- CIE Lab
- lab(42.51 -5.61 6.13)
- LCH
- lch(42.51 8.31 132.5)
- CMYK
- cmyk(9% 0% 13% 60%)
Tint · Shade · Tone
Tint
- 6D7569
- 7C8378
- 8B9288
- 9BA198
- ABB0A9
- BBBFBA
- CCCFCA
- DDDFDC
- EEEFED
Shade
- 51594D
- 444B41
- 373D35
- 2B3029
- 1F231E
- 141713
- 0A0C09
- 030403
- 000000
Tone
- 61695E
- 656C61
- 686E65
- 6B7169
- 6F736D
- 727671
- 767874
- 797B78
- 7D7D7C
Harmoni warna
Komplementer +180°
- 5E675A
Deep Bottlebrush
- 69606D
≈ Fashionista
Analog -30° +30°
- 5E675A
Deep Bottlebrush
- 656556
≈ Nevergreen
- 586861
≈ Hockham Green
Triadik +120° +240°
- 5E675A
Deep Bottlebrush
- 5B6571
≈ Fuel Town
- 705F5F
≈ Impromptu
Split-komplementer +150° +210°
- 5E675A
Deep Bottlebrush
- 626271
≈ Comet
- 6E5F67
≈ Vibrant Vision
Tetradik +90° +180° +270°
- 5E675A
Deep Bottlebrush
- 56676E
≈ Rush Hour
- 69606D
≈ Fashionista
- 706059
≈ Sunezumi Brown
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.89:1 · APCA Lc 79
Ag
FailDi atas hitam
WCAG 3.56:1 · APCA Lc 22
Warna teks terbaik: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 79
Contrast pairs
Cuplikan kode
CSS
:root {
--deep-bottlebrush: #5e675a;
--deep-bottlebrush-rgb: 94 103 90;
--deep-bottlebrush-oklch: oklch(0.502 0.023 135.9);
}
.element {
color: var(--deep-bottlebrush);
background-color: hsl(102 7% 38%);
border-color: oklch(0.502 0.023 135.9);
}Tailwind CSS v4
@theme {
--color-deep-bottlebrush: #5e675a;
--color-deep-bottlebrush-50: #f2f7f0;
--color-deep-bottlebrush-100: #e4eae2;
--color-deep-bottlebrush-200: #d0d7cd;
--color-deep-bottlebrush-300: #b2baaf;
--color-deep-bottlebrush-400: #98a294;
--color-deep-bottlebrush-500: #7f8a7b;
--color-deep-bottlebrush-600: #6c7568;
--color-deep-bottlebrush-700: #565d53;
--color-deep-bottlebrush-800: #3f443c;
--color-deep-bottlebrush-900: #2b2f29;
--color-deep-bottlebrush-950: #191c17;
}SCSS
$deep-bottlebrush: #5e675a;
$deep-bottlebrush-rgb: 94, 103, 90;
$deep-bottlebrush-light: mix(#fff, $deep-bottlebrush, 20%);
$deep-bottlebrush-dark: mix(#000, $deep-bottlebrush, 20%);
.element {
color: $deep-bottlebrush;
box-shadow: 0 0 0 2px rgba($deep-bottlebrush, 0.35);
}