Najbliższy nazwany kolor · #633A3E
#633A3E
Najbliższy nazwany kolor: Red Rumour
#633A3E (rgb(99 58 62), hsl(354 26% 31%), oklch(0.399 0.058 13.7)) jest najbliższy nazwanemu kolorowi Red Rumour. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#633A3E
oklch(0.399 0.058 13.7)
Konwersje koloru
- HEX
- #633a3e
- RGB
- rgb(99 58 62)
- HSL
- hsl(354 26% 31%)
- HWB
- hwb(354 23% 61%)
- OKLCH
- oklch(0.399 0.058 13.7)
- OKLab
- oklab(0.399 0.057 0.014)
- CIE Lab
- lab(29.67 19.03 5.66)
- LCH
- lch(29.67 19.85 16.6)
- CMYK
- cmyk(0% 41% 37% 61%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 724C4F
- 815E61
- 917173
- A08486
- B09799
- BFABAC
- CFC0C1
- DFD4D5
- EFEAEA
Odcienie ciemniejsze
- 553135
- 47282B
- 3A2023
- 2E181A
- 211012
- 16090A
- 0B0404
- 030101
- 000000
Tony
- 664144
- 6A484B
- 6D4F51
- 705657
- 735D5E
- 766465
- 786B6B
- 7B7272
- 7E7979
Harmonie kolorów
Komplementarna +180°
- 633A3E
Red Rumour
- 175150
≈ Lacustral
Analogowa -30° +30°
- 633A3E
Red Rumour
- 5E3B4F
≈ Violet Posy
- 623D2D
≈ Chocolate Escape
Triada +120° +240°
- 633A3E
Red Rumour
- 3B4E2D
≈ Nettle Green
- 314966
≈ Lake View
Komplementarna rozszczepiona +150° +210°
- 633A3E
Red Rumour
- 26513F
≈ Hunt Club
- 1E4E5F
≈ Rugged Teal
Tetrada +90° +180° +270°
- 633A3E
Red Rumour
- 4D4921
≈ Uniform Green
- 175150
≈ Lacustral
- 434366
≈ Genie
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.52:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.20:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.52:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-rumour: #633a3e;
--red-rumour-rgb: 99 58 62;
--red-rumour-oklch: oklch(0.399 0.058 13.7);
}
.element {
color: var(--red-rumour);
background-color: hsl(354 26% 31%);
border-color: oklch(0.399 0.058 13.7);
}Tailwind CSS v4
@theme {
--color-red-rumour: #633a3e;
--color-red-rumour-50: #ffefef;
--color-red-rumour-100: #fbe1e1;
--color-red-rumour-200: #eccbcc;
--color-red-rumour-300: #d4acad;
--color-red-rumour-400: #be9194;
--color-red-rumour-500: #a9767b;
--color-red-rumour-600: #8f6468;
--color-red-rumour-700: #735053;
--color-red-rumour-800: #553a3d;
--color-red-rumour-900: #3b282a;
--color-red-rumour-950: #251618;
}SCSS
$red-rumour: #633a3e;
$red-rumour-rgb: 99, 58, 62;
$red-rumour-light: mix(#fff, $red-rumour, 20%);
$red-rumour-dark: mix(#000, $red-rumour, 20%);
.element {
color: $red-rumour;
box-shadow: 0 0 0 2px rgba($red-rumour, 0.35);
}