Colore con nome più vicino · #E3B294
#E3B294
Colore con nome più vicino: Lunatic Lynx
#E3B294 (rgb(227 178 148), hsl(23 59% 74%), oklch(0.801 0.07 52.9)) è più vicino al colore con nome Lunatic Lynx. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E3B294
oklch(0.801 0.07 52.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E6BA9F
- E9C1A9
- ECC9B4
- EFD1BE
- F2D8C9
- F5E0D4
- F7E8DF
- FAEFE9
- FDF7F4
Ombre
- C59A80
- A8836D
- 8C6D5A
- 715748
- 574336
- 3F2F26
- 271D16
- 120C08
- 030101
Toni
- D9AD92
- CFA890
- C5A38F
- BB9E8D
- B1998B
- A79489
- 9D8F87
- 938A84
- 8A8582
Armonie di colore
Complementare +180°
- E3B294
Lunatic Lynx
- 90C6E4
≈ Deluxe Days
Analogo -30° +30°
- E3B294
Lunatic Lynx
- E8ADA9
≈ Sweet Tart
- D4BA8A
≈ Buckskin
Triadico +120° +240°
- E3B294
Lunatic Lynx
- 8ECDB9
≈ Mint Ice Cream
- BFB6E8
≈ Purple Sand
Complementare divisa +150° +210°
- E3B294
Lunatic Lynx
- 86CCD2
≈ White Ultramarine
- A6BEEC
≈ Sky High
Tetradico +90° +180° +270°
- E3B294
Lunatic Lynx
- A4CAA1
≈ Limestoned
- 90C6E4
≈ Deluxe Days
- D4AFD9
≈ Whisper of Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.06:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
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);
}