Couleur nommée la plus proche · #633A3E
#633A3E
Couleur nommée la plus proche: Red Rumour
#633A3E (rgb(99 58 62), hsl(354 26% 31%), oklch(0.399 0.058 13.7)) est la plus proche de la couleur nommée Red Rumour. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#633A3E
oklch(0.399 0.058 13.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 724C4F
- 815E61
- 917173
- A08486
- B09799
- BFABAC
- CFC0C1
- DFD4D5
- EFEAEA
Ombres
- 553135
- 47282B
- 3A2023
- 2E181A
- 211012
- 16090A
- 0B0404
- 030101
- 000000
Tons
- 664144
- 6A484B
- 6D4F51
- 705657
- 735D5E
- 766465
- 786B6B
- 7B7272
- 7E7979
Harmonies de couleurs
Complémentaire +180°
- 633A3E
Red Rumour
- 175150
≈ Lacustral
Analogue -30° +30°
- 633A3E
Red Rumour
- 5E3B4F
≈ Violet Posy
- 623D2D
≈ Chocolate Escape
Triadique +120° +240°
- 633A3E
Red Rumour
- 3B4E2D
≈ Nettle Green
- 314966
≈ Lake View
Complémentaire divisée +150° +210°
- 633A3E
Red Rumour
- 26513F
≈ Hunt Club
- 1E4E5F
≈ Rugged Teal
Tétradique +90° +180° +270°
- 633A3E
Red Rumour
- 4D4921
≈ Uniform Green
- 175150
≈ Lacustral
- 434366
≈ Genie
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.52:1 · APCA Lc 92
Ag
FailSur noir
WCAG 2.20:1 · APCA Lc 11
Meilleure couleur de texte: #FFFFFF
WCAG 9.52:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
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);
}