Nazwany kolor · #433635
Reddish Black
Reddish Black to #433635: rgb(67 54 53), hsl(4 12% 24%), oklch(0.347 0.019 23.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Reddish Black color name →
#433635
oklch(0.347 0.019 23.3)
Konwersje koloru
- HEX
- #433635
- RGB
- rgb(67 54 53)
- HSL
- hsl(4 12% 24%)
- HWB
- hwb(4 21% 74%)
- OKLCH
- oklch(0.347 0.019 23.3)
- OKLab
- oklab(0.347 0.017 0.007)
- CIE Lab
- lab(24.03 5.83 2.92)
- LCH
- lch(24.03 6.52 26.6)
- CMYK
- cmyk(0% 19% 21% 74%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 544847
- 655A59
- 776D6C
- 89807F
- 9C9493
- AFA9A8
- C3BEBD
- D6D3D3
- EBE9E9
Odcienie ciemniejsze
- 392E2D
- 2F2525
- 261E1D
- 1D1615
- 140F0E
- 0C0808
- 050303
- 010101
- 000000
Tony
- 493D3C
- 4F4443
- 554B4A
- 5B5252
- 615A59
- 676161
- 6D6968
- 737070
- 7A7878
Harmonie kolorów
Komplementarna +180°
- 433635
Reddish Black
- 2E3D3E
≈ Edge of the Galaxy
Analogowa -30° +30°
- 433635
Reddish Black
- 42363A
≈ Monastery Mantle
- 423731
≈ Tobago
Triada +120° +240°
- 433635
Reddish Black
- 343C33
≈ Sound of Silence
- 353A44
≈ Do Not Disturb
Komplementarna rozszczepiona +150° +210°
- 433635
Reddish Black
- 303D39
≈ Edge of the Galaxy
- 303B42
≈ Tempest in a Teapot
Tetrada +90° +180° +270°
- 433635
Reddish Black
- 393B30
≈ USMC Green
- 2E3D3E
≈ Edge of the Galaxy
- 3A3843
≈ Black Marlin
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.55:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.81:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--reddish-black: #433635;
--reddish-black-rgb: 67 54 53;
--reddish-black-oklch: oklch(0.347 0.019 23.3);
}
.element {
color: var(--reddish-black);
background-color: hsl(4 12% 24%);
border-color: oklch(0.347 0.019 23.3);
}Tailwind CSS v4
@theme {
--color-reddish-black: #433635;
--color-reddish-black-50: #faf3f2;
--color-reddish-black-100: #eee6e5;
--color-reddish-black-200: #dcd1d0;
--color-reddish-black-300: #c1b4b2;
--color-reddish-black-400: #a99a99;
--color-reddish-black-500: #928280;
--color-reddish-black-600: #7c6e6d;
--color-reddish-black-700: #635857;
--color-reddish-black-800: #49403f;
--color-reddish-black-900: #322c2c;
--color-reddish-black-950: #1e1919;
}SCSS
$reddish-black: #433635;
$reddish-black-rgb: 67, 54, 53;
$reddish-black-light: mix(#fff, $reddish-black, 20%);
$reddish-black-dark: mix(#000, $reddish-black, 20%);
.element {
color: $reddish-black;
box-shadow: 0 0 0 2px rgba($reddish-black, 0.35);
}