Couleur nommée la plus proche · #E3B294
#E3B294
Couleur nommée la plus proche: Lunatic Lynx
#E3B294 (rgb(227 178 148), hsl(23 59% 74%), oklch(0.801 0.07 52.9)) est la plus proche de la couleur nommée Lunatic Lynx. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E3B294
oklch(0.801 0.07 52.9)
Conversions de couleur
- HEX
- #e3b294
- RGB
- rgb(227 178 148)
- HSL
- hsl(23 59% 74%)
- HWB
- hwb(23 58% 11%)
- OKLCH
- oklch(0.801 0.07 52.9)
- OKLab
- oklab(0.801 0.042 0.056)
- CIE Lab
- lab(76.56 15.39 22.55)
- LCH
- lch(76.56 27.31 55.7)
- CMYK
- cmyk(0% 22% 35% 11%)
Teintes · Ombres · Tons
Teintes
- E6BA9F
- E9C1A9
- ECC9B4
- EFD1BE
- F2D8C9
- F5E0D4
- F7E8DF
- FAEFE9
- FDF7F4
Ombres
- C59A80
- A8836D
- 8C6D5A
- 715748
- 574336
- 3F2F26
- 271D16
- 120C08
- 030101
Tons
- D9AD92
- CFA890
- C5A38F
- BB9E8D
- B1998B
- A79489
- 9D8F87
- 938A84
- 8A8582
Harmonies de couleurs
Complémentaire +180°
- E3B294
Lunatic Lynx
- 90C6E4
≈ Deluxe Days
Analogue -30° +30°
- E3B294
Lunatic Lynx
- E8ADA9
≈ Sweet Tart
- D4BA8A
≈ Buckskin
Triadique +120° +240°
- E3B294
Lunatic Lynx
- 8ECDB9
≈ Mint Ice Cream
- BFB6E8
≈ Purple Sand
Complémentaire divisée +150° +210°
- E3B294
Lunatic Lynx
- 86CCD2
≈ White Ultramarine
- A6BEEC
≈ Sky High
Tétradique +90° +180° +270°
- E3B294
Lunatic Lynx
- A4CAA1
≈ Limestoned
- 90C6E4
≈ Deluxe Days
- D4AFD9
≈ Whisper of Plum
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.89:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.06:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--lunatic-lynx: #e3b294;
--lunatic-lynx-rgb: 227 178 148;
--lunatic-lynx-oklch: oklch(0.801 0.07 52.9);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(23 59% 74%);
border-color: oklch(0.801 0.07 52.9);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #e3b294;
--color-lunatic-lynx-50: #fff0e3;
--color-lunatic-lynx-100: #fbe2d2;
--color-lunatic-lynx-200: #edcdb8;
--color-lunatic-lynx-300: #d5af96;
--color-lunatic-lynx-400: #c09378;
--color-lunatic-lynx-500: #ab795a;
--color-lunatic-lynx-600: #91674c;
--color-lunatic-lynx-700: #74523d;
--color-lunatic-lynx-800: #563b2c;
--color-lunatic-lynx-900: #3c291d;
--color-lunatic-lynx-950: #26160e;
}SCSS
$lunatic-lynx: #e3b294;
$lunatic-lynx-rgb: 227, 178, 148;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}