Colore con nome più vicino · #CEA676
#CEA676
Colore con nome più vicino: Outback
#CEA676 (rgb(206 166 118), hsl(33 47% 64%), oklch(0.75 0.079 71.2)) è più vicino al colore con nome Outback. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#CEA676
oklch(0.75 0.079 71.2)
Conversioni di colore
- HEX
- #cea676
- RGB
- rgb(206 166 118)
- HSL
- hsl(33 47% 64%)
- HWB
- hwb(33 46% 19%)
- OKLCH
- oklch(0.75 0.079 71.2)
- OKLab
- oklab(0.75 0.025 0.075)
- CIE Lab
- lab(70.99 10.55 30.71)
- LCH
- lch(70.99 32.47 71)
- CMYK
- cmyk(0% 19% 43% 19%)
Tinte · Ombre · Toni
Tinte
- D3AF84
- D8B891
- DDC09F
- E2C9AD
- E7D2BA
- ECDBC8
- F1E4D6
- F5EDE3
- FAF6F1
Ombre
- B39066
- 987A56
- 7F6547
- 665138
- 4E3E29
- 382B1C
- 231A0F
- 0F0A05
- 020101
Toni
- C6A278
- BE9F79
- B69B7A
- AE977C
- A7937D
- 9F8F7E
- 978C7E
- 8F887F
- 888480
Armonie di colore
Complementare +180°
- CEA676
Outback
- 89B2DF
≈ Dun Morogh Blue
Analogo -30° +30°
- CEA676
Outback
- DA9E87
≈ Medium Terracotta
- B8B075
≈ Gracious Glow
Triadico +120° +240°
- CEA676
Outback
- 6EBEBA
≈ Tropic Tide
- BEA0D3
≈ Purple Premiere
Complementare divisa +150° +210°
- CEA676
Outback
- 73BAD2
≈ Blue Brocade
- A5A9E0
≈ Childish Wonder
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.34:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--outback: #cea676;
--outback-rgb: 206 166 118;
--outback-oklch: oklch(0.75 0.079 71.2);
}
.element {
color: var(--outback);
background-color: hsl(33 47% 64%);
border-color: oklch(0.75 0.079 71.2);
}Tailwind CSS v4
@theme {
--color-outback: #cea676;
--color-outback-50: #fff2dd;
--color-outback-100: #f9e4cc;
--color-outback-200: #e9d0b0;
--color-outback-300: #d1b28b;
--color-outback-400: #bc976a;
--color-outback-500: #a77d48;
--color-outback-600: #8d6a3e;
--color-outback-700: #715531;
--color-outback-800: #543d23;
--color-outback-900: #3b2a17;
--color-outback-950: #251808;
}SCSS
$outback: #cea676;
$outback-rgb: 206, 166, 118;
$outback-light: mix(#fff, $outback, 20%);
$outback-dark: mix(#000, $outback, 20%);
.element {
color: $outback;
box-shadow: 0 0 0 2px rgba($outback, 0.35);
}