Nazwany kolor · #E3AB7B
Sun Bleached Ochre
Sun Bleached Ochre to #E3AB7B: rgb(227 171 123), hsl(28 65% 69%), oklch(0.782 0.091 61.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sun Bleached Ochre color name →
#E3AB7B
oklch(0.782 0.091 61.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6B388
- E9BC96
- ECC4A3
- EFCDB0
- F2D5BD
- F5DDCA
- F8E6D7
- FAEEE5
- FDF7F2
Odcienie ciemniejsze
- C5946A
- A87E5A
- 8C684A
- 71543A
- 57402C
- 3F2D1E
- 271B10
- 120B05
- 030101
Tony
- D9A77C
- CFA37D
- C59E7E
- BB9A7F
- B1967F
- A79280
- 9D8D80
- 948980
- 8A8480
Harmonie kolorów
Komplementarna +180°
- E3AB7B
Sun Bleached Ochre
- 82C0EE
≈ Watery Sea
Analogowa -30° +30°
- E3AB7B
Sun Bleached Ochre
- EDA394
≈ Peach Tile
- CDB772
≈ Autumn Wandering
Triada +120° +240°
- E3AB7B
Sun Bleached Ochre
- 70CCBC
≈ Jolly Jade
- C2ABEA
≈ Purple Sand
Komplementarna rozszczepiona +150° +210°
- E3AB7B
Sun Bleached Ochre
- 6CC8DA
≈ Betsy
- A3B5F3
≈ Wondrous Wisteria
Tetrada +90° +180° +270°
- E3AB7B
Sun Bleached Ochre
- 8CC99B
≈ Frost Gum
- 82C0EE
≈ Watery Sea
- DBA3D3
≈ Chateau Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.37:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
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);
}