Couleur nommée la plus proche · #452700
#452700
Couleur nommée la plus proche: Medium Roast
#452700 (rgb(69 39 0), hsl(34 100% 14%), oklch(0.305 0.067 67)) est la plus proche de la couleur nommée Medium Roast. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#452700
oklch(0.305 0.067 67)
Conversions de couleur
- HEX
- #452700
- RGB
- rgb(69 39 0)
- HSL
- hsl(34 100% 14%)
- HWB
- hwb(34 0% 73%)
- OKLCH
- oklch(0.305 0.067 67)
- OKLab
- oklab(0.305 0.026 0.062)
- CIE Lab
- lab(19.13 12.14 27.71)
- LCH
- lch(19.13 30.25 66.3)
- CMYK
- cmyk(0% 43% 100% 73%)
Teintes · Ombres · Tons
Teintes
- 563A1B
- 684E32
- 7A624A
- 8C7762
- 9E8C7A
- B1A294
- C4B9AE
- D7D0C8
- EBE7E3
Ombres
- 3B2000
- 311A00
- 271400
- 1E0E00
- 150800
- 0C0400
- 050200
- 020100
- 000000
Tons
- 4B3010
- 51381D
- 57412A
- 5D4A36
- 635342
- 695B4E
- 6F645A
- 746E67
- 7A7773
Harmonies de couleurs
Complémentaire +180°
- 452700
Medium Roast
- 0C314F
≈ Beyond the Stars
Analogue -30° +30°
- 452700
Medium Roast
- 4B2115
≈ Tobi Brown
- 382F00
≈ Hidden Passage
Triadique +120° +240°
- 452700
Medium Roast
- 003733
≈ Night Turquoise
- 382549
≈ Operetta Mauve
Complémentaire divisée +150° +210°
- 452700
Medium Roast
- 003541
≈ Natural Indigo
- 272B50
≈ Wahoo
Tétradique +90° +180° +270°
- 452700
Medium Roast
- 063921
≈ Off-Road Green
- 0C314F
≈ Beyond the Stars
- 44203B
≈ Juice Violet
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.60:1 · APCA Lc 100
Ag
FailSur noir
WCAG 1.54:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.60:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--medium-roast: #452700;
--medium-roast-rgb: 69 39 0;
--medium-roast-oklch: oklch(0.305 0.067 67);
}
.element {
color: var(--medium-roast);
background-color: hsl(34 100% 14%);
border-color: oklch(0.305 0.067 67);
}Tailwind CSS v4
@theme {
--color-medium-roast: #452700;
--color-medium-roast-50: #fff2e1;
--color-medium-roast-100: #f7e4d0;
--color-medium-roast-200: #e8d0b6;
--color-medium-roast-300: #cfb293;
--color-medium-roast-400: #ba9774;
--color-medium-roast-500: #a57e55;
--color-medium-roast-600: #8b6a48;
--color-medium-roast-700: #6f553a;
--color-medium-roast-800: #533e29;
--color-medium-roast-900: #3a2a1c;
--color-medium-roast-950: #24180c;
}SCSS
$medium-roast: #452700;
$medium-roast-rgb: 69, 39, 0;
$medium-roast-light: mix(#fff, $medium-roast, 20%);
$medium-roast-dark: mix(#000, $medium-roast, 20%);
.element {
color: $medium-roast;
box-shadow: 0 0 0 2px rgba($medium-roast, 0.35);
}