Colore con nome · #E3AB7B
Sun Bleached Ochre
Sun Bleached Ochre è #E3AB7B: rgb(227 171 123), hsl(28 65% 69%), oklch(0.782 0.091 61.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sun Bleached Ochre color name →
#E3AB7B
oklch(0.782 0.091 61.5)
Conversioni di colore
- HEX
- #e3ab7b
- RGB
- rgb(227 171 123)
- HSL
- hsl(28 65% 69%)
- HWB
- hwb(28 48% 11%)
- OKLCH
- oklch(0.782 0.091 61.5)
- OKLab
- oklab(0.782 0.044 0.08)
- CIE Lab
- lab(74.5 16.93 33.09)
- LCH
- lch(74.5 37.17 62.9)
- CMYK
- cmyk(0% 25% 46% 11%)
Tinte · Ombre · Toni
Tinte
- E6B388
- E9BC96
- ECC4A3
- EFCDB0
- F2D5BD
- F5DDCA
- F8E6D7
- FAEEE5
- FDF7F2
Ombre
- C5946A
- A87E5A
- 8C684A
- 71543A
- 57402C
- 3F2D1E
- 271B10
- 120B05
- 030101
Toni
- D9A77C
- CFA37D
- C59E7E
- BB9A7F
- B1967F
- A79280
- 9D8D80
- 948980
- 8A8480
Armonie di colore
Complementare +180°
- E3AB7B
Sun Bleached Ochre
- 82C0EE
≈ Watery Sea
Analogo -30° +30°
- E3AB7B
Sun Bleached Ochre
- EDA394
≈ Peach Tile
- CDB772
≈ Autumn Wandering
Triadico +120° +240°
- E3AB7B
Sun Bleached Ochre
- 70CCBC
≈ Jolly Jade
- C2ABEA
≈ Purple Sand
Complementare divisa +150° +210°
- E3AB7B
Sun Bleached Ochre
- 6CC8DA
≈ Betsy
- A3B5F3
≈ Wondrous Wisteria
Tetradico +90° +180° +270°
- E3AB7B
Sun Bleached Ochre
- 8CC99B
≈ Frost Gum
- 82C0EE
≈ Watery Sea
- DBA3D3
≈ Chateau Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.37:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--sun-bleached-ochre: #e3ab7b;
--sun-bleached-ochre-rgb: 227 171 123;
--sun-bleached-ochre-oklch: oklch(0.782 0.091 61.5);
}
.element {
color: var(--sun-bleached-ochre);
background-color: hsl(28 65% 69%);
border-color: oklch(0.782 0.091 61.5);
}Tailwind CSS v4
@theme {
--color-sun-bleached-ochre: #e3ab7b;
--color-sun-bleached-ochre-50: #fff0db;
--color-sun-bleached-ochre-100: #ffe2c9;
--color-sun-bleached-ochre-200: #f1cdac;
--color-sun-bleached-ochre-300: #d9ae87;
--color-sun-bleached-ochre-400: #c69265;
--color-sun-bleached-ochre-500: #b27743;
--color-sun-bleached-ochre-600: #966539;
--color-sun-bleached-ochre-700: #78512d;
--color-sun-bleached-ochre-800: #5a3a20;
--color-sun-bleached-ochre-900: #3f2815;
--color-sun-bleached-ochre-950: #281607;
}SCSS
$sun-bleached-ochre: #e3ab7b;
$sun-bleached-ochre-rgb: 227, 171, 123;
$sun-bleached-ochre-light: mix(#fff, $sun-bleached-ochre, 20%);
$sun-bleached-ochre-dark: mix(#000, $sun-bleached-ochre, 20%);
.element {
color: $sun-bleached-ochre;
box-shadow: 0 0 0 2px rgba($sun-bleached-ochre, 0.35);
}