Couleur nommée la plus proche · #6D6E18
#6D6E18
Couleur nommée la plus proche: Crocodile Style
#6D6E18 (rgb(109 110 24), hsl(61 64% 26%), oklch(0.521 0.104 110.2)) est la plus proche de la couleur nommée Crocodile Style. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#6D6E18
oklch(0.521 0.104 110.2)
Conversions de couleur
- HEX
- #6d6e18
- RGB
- rgb(109 110 24)
- HSL
- hsl(61 64% 26%)
- HWB
- hwb(61 9% 57%)
- OKLCH
- oklch(0.521 0.104 110.2)
- OKLab
- oklab(0.521 -0.036 0.098)
- CIE Lab
- lab(45.13 -8.41 44.07)
- LCH
- lch(45.13 44.87 100.8)
- CMYK
- cmyk(1% 0% 78% 57%)
Teintes · Ombres · Tons
Teintes
- 7A7C35
- 888A4D
- 969863
- A4A679
- B3B58F
- C1C3A5
- D0D2BB
- E0E1D1
- EFF0E8
Ombres
- 5E5F13
- 4F500F
- 41410A
- 333307
- 262604
- 191902
- 0D0E01
- 040400
- 010100
Tons
- 6F7028
- 707235
- 727440
- 74764A
- 767854
- 78795D
- 7A7B66
- 7C7D6F
- 7E7E77
Harmonies de couleurs
Complémentaire +180°
- 6D6E18
Crocodile Style
- 695EA1
≈ Giant Onion
Analogue -30° +30°
- 6D6E18
Crocodile Style
- 88610C
≈ Rat Brown
- 46783C
≈ Nereus
Triadique +120° +240°
- 6D6E18
Crocodile Style
- 007399
≈ Enchanted Blue
- 954E71
≈ Sugar Plum
Complémentaire divisée +150° +210°
- 6D6E18
Crocodile Style
- 4569A5
≈ Indigo Batik
- 84548E
≈ Purple Tanzanite
Tétradique +90° +180° +270°
- 6D6E18
Crocodile Style
- 00787D
≈ Hypnotic Sea
- 695EA1
≈ Giant Onion
- 9C4E50
≈ Sweet Cherry
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.39:1 · APCA Lc 77
Ag
FailSur noir
WCAG 3.89:1 · APCA Lc 25
Meilleure couleur de texte: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--crocodile-style: #6d6e18;
--crocodile-style-rgb: 109 110 24;
--crocodile-style-oklch: oklch(0.521 0.104 110.2);
}
.element {
color: var(--crocodile-style);
background-color: hsl(61 64% 26%);
border-color: oklch(0.521 0.104 110.2);
}Tailwind CSS v4
@theme {
--color-crocodile-style: #6d6e18;
--color-crocodile-style-50: #f5f9d7;
--color-crocodile-style-100: #e8ecc5;
--color-crocodile-style-200: #d5d9a6;
--color-crocodile-style-300: #b8bd7f;
--color-crocodile-style-400: #a2a458;
--color-crocodile-style-500: #8a8c2f;
--color-crocodile-style-600: #75762a;
--color-crocodile-style-700: #5e5f21;
--color-crocodile-style-800: #464515;
--color-crocodile-style-900: #30300d;
--color-crocodile-style-950: #1d1c02;
}SCSS
$crocodile-style: #6d6e18;
$crocodile-style-rgb: 109, 110, 24;
$crocodile-style-light: mix(#fff, $crocodile-style, 20%);
$crocodile-style-dark: mix(#000, $crocodile-style, 20%);
.element {
color: $crocodile-style;
box-shadow: 0 0 0 2px rgba($crocodile-style, 0.35);
}