Adlandırılmış renk · #5E675A
Deep Bottlebrush
Deep Bottlebrush, #5E675A: rgb(94 103 90), hsl(102 7% 38%), oklch(0.502 0.023 135.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Deep Bottlebrush color name →
#5E675A
oklch(0.502 0.023 135.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6D7569
- 7C8378
- 8B9288
- 9BA198
- ABB0A9
- BBBFBA
- CCCFCA
- DDDFDC
- EEEFED
Koyu tonlar
- 51594D
- 444B41
- 373D35
- 2B3029
- 1F231E
- 141713
- 0A0C09
- 030403
- 000000
Gri tonlar
- 61695E
- 656C61
- 686E65
- 6B7169
- 6F736D
- 727671
- 767874
- 797B78
- 7D7D7C
Renk uyumları
Tamamlayıcı +180°
- 5E675A
Deep Bottlebrush
- 69606D
≈ Fashionista
Analog -30° +30°
- 5E675A
Deep Bottlebrush
- 656556
≈ Nevergreen
- 586861
≈ Hockham Green
Üçlü +120° +240°
- 5E675A
Deep Bottlebrush
- 5B6571
≈ Fuel Town
- 705F5F
≈ Impromptu
Bölünmüş tamamlayıcı +150° +210°
- 5E675A
Deep Bottlebrush
- 626271
≈ Comet
- 6E5F67
≈ Vibrant Vision
Dörtlü +90° +180° +270°
- 5E675A
Deep Bottlebrush
- 56676E
≈ Rush Hour
- 69606D
≈ Fashionista
- 706059
≈ Sunezumi Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.89:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.56:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}