Nazwany kolor · #69605A
Brood
Brood to #69605A: rgb(105 96 90), hsl(24 8% 38%), oklch(0.496 0.015 56). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Brood color name →
#69605A
oklch(0.496 0.015 56)
Konwersje koloru
- HEX
- #69605a
- RGB
- rgb(105 96 90)
- HSL
- hsl(24 8% 38%)
- HWB
- hwb(24 35% 59%)
- OKLCH
- oklch(0.496 0.015 56)
- OKLab
- oklab(0.496 0.008 0.012)
- CIE Lab
- lab(41.45 2.88 4.81)
- LCH
- lch(41.45 5.61 59.1)
- CMYK
- cmyk(0% 9% 14% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 776F69
- 857D78
- 938D88
- A29C98
- B1ACA9
- C0BCB9
- D0CDCA
- DFDDDC
- EFEEED
Odcienie ciemniejsze
- 5A524D
- 4C4541
- 3E3835
- 312C29
- 24201E
- 181513
- 0C0A09
- 040303
- 000000
Tony
- 6B635E
- 6E6661
- 706965
- 726D69
- 74706D
- 777371
- 797674
- 7B7978
- 7E7D7C
Harmonie kolorów
Komplementarna +180°
- 69605A
Brood
- 5A646A
≈ Calligraphy
Analogowa -30° +30°
- 69605A
Brood
- 6A5F5E
≈ Moroccan Dusk
- 666259
≈ Braintree
Triada +120° +240°
- 69605A
Brood
- 5A6562
≈ Brooklyn
- 62606A
≈ Script Ink
Komplementarna rozszczepiona +150° +210°
- 69605A
Brood
- 596566
≈ Brooklyn
- 5E626B
≈ Script Ink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.13:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.42:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--brood: #69605a;
--brood-rgb: 105 96 90;
--brood-oklch: oklch(0.496 0.015 56);
}
.element {
color: var(--brood);
background-color: hsl(24 8% 38%);
border-color: oklch(0.496 0.015 56);
}Tailwind CSS v4
@theme {
--color-brood: #69605a;
--color-brood-50: #f9f4f1;
--color-brood-100: #ece7e3;
--color-brood-200: #d9d3ce;
--color-brood-300: #beb6b0;
--color-brood-400: #a69c96;
--color-brood-500: #8e847d;
--color-brood-600: #78706a;
--color-brood-700: #605954;
--color-brood-800: #47413e;
--color-brood-900: #312d2a;
--color-brood-950: #1d1a18;
}SCSS
$brood: #69605a;
$brood-rgb: 105, 96, 90;
$brood-light: mix(#fff, $brood, 20%);
$brood-dark: mix(#000, $brood, 20%);
.element {
color: $brood;
box-shadow: 0 0 0 2px rgba($brood, 0.35);
}