Couleur nommée la plus proche · #CE7100
#CE7100
Couleur nommée la plus proche: Maine Coon Orange
#CE7100 (rgb(206 113 0), hsl(33 100% 40%), oklch(0.641 0.152 58.9)) est la plus proche de la couleur nommée Maine Coon Orange. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CE7100
oklch(0.641 0.152 58.9)
Conversions de couleur
- HEX
- #ce7100
- RGB
- rgb(206 113 0)
- HSL
- hsl(33 100% 40%)
- HWB
- hwb(33 0% 19%)
- OKLCH
- oklch(0.641 0.152 58.9)
- OKLab
- oklab(0.641 0.079 0.13)
- CIE Lab
- lab(57.63 33.34 64.91)
- LCH
- lch(57.63 72.97 62.8)
- CMYK
- cmyk(0% 45% 100% 19%)
Teintes · Ombres · Tons
Teintes
- D48033
- DA8E4F
- E09D67
- E5AB7D
- EAB993
- EFC7A9
- F3D5BE
- F7E3D4
- FBF1E9
Ombres
- B36100
- 985200
- 7F4300
- 663500
- 4E2700
- 381A00
- 230E00
- 0F0400
- 020100
Tons
- C77424
- BF7635
- B87842
- B07A4D
- A97B57
- A17C60
- 997E69
- 917F71
- 897F79
Harmonies de couleurs
Complémentaire +180°
- CE7100
Maine Coon Orange
- 0096D9
≈ Kahu Blue
Analogue -30° +30°
- CE7100
Maine Coon Orange
- D96254
≈ Deep Sea Coral
- AC8700
≈ Chestnut Gold
Triadique +120° +240°
- CE7100
Maine Coon Orange
- 00A38E
≈ Fishy House
- 9A74DB
≈ Iridescent Purple
Complémentaire divisée +150° +210°
- CE7100
Maine Coon Orange
- 009EB0
≈ Lake Blue
- 6785E8
≈ Soft Blue
Tétradique +90° +180° +270°
- CE7100
Maine Coon Orange
- 39A556
≈ Fruit Salad
- 0096D9
≈ Kahu Blue
- BD67B9
≈ Lavendless
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.50:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.98:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 5.98:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--maine-coon-orange: #ce7100;
--maine-coon-orange-rgb: 206 113 0;
--maine-coon-orange-oklch: oklch(0.641 0.152 58.9);
}
.element {
color: var(--maine-coon-orange);
background-color: hsl(33 100% 40%);
border-color: oklch(0.641 0.152 58.9);
}Tailwind CSS v4
@theme {
--color-maine-coon-orange: #ce7100;
--color-maine-coon-orange-50: #ffecca;
--color-maine-coon-orange-100: #ffddb5;
--color-maine-coon-orange-200: #ffc691;
--color-maine-coon-orange-300: #f0a462;
--color-maine-coon-orange-400: #df8532;
--color-maine-coon-orange-500: #cd6600;
--color-maine-coon-orange-600: #ad5700;
--color-maine-coon-orange-700: #8b4600;
--color-maine-coon-orange-800: #683100;
--color-maine-coon-orange-900: #492200;
--color-maine-coon-orange-950: #301000;
}SCSS
$maine-coon-orange: #ce7100;
$maine-coon-orange-rgb: 206, 113, 0;
$maine-coon-orange-light: mix(#fff, $maine-coon-orange, 20%);
$maine-coon-orange-dark: mix(#000, $maine-coon-orange, 20%);
.element {
color: $maine-coon-orange;
box-shadow: 0 0 0 2px rgba($maine-coon-orange, 0.35);
}