Najbliższy nazwany kolor · #E3C07A
#E3C07A
Najbliższy nazwany kolor: Freshly Baked
#E3C07A (rgb(227 192 122), hsl(40 65% 68%), oklch(0.823 0.097 83.8)) jest najbliższy nazwanemu kolorowi Freshly Baked. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E3C07A
oklch(0.823 0.097 83.8)
Konwersje koloru
- HEX
- #e3c07a
- RGB
- rgb(227 192 122)
- HSL
- hsl(40 65% 68%)
- HWB
- hwb(40 48% 11%)
- OKLCH
- oklch(0.823 0.097 83.8)
- OKLab
- oklab(0.823 0.01 0.097)
- CIE Lab
- lab(79.65 6.32 40.03)
- LCH
- lch(79.65 40.53 81)
- CMYK
- cmyk(0% 15% 46% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6C688
- E9CD96
- ECD3A3
- EED9B1
- F1E0BE
- F4E6CB
- F7ECD8
- FAF3E5
- FCF9F2
Odcienie ciemniejsze
- C5A769
- A88E59
- 8C7649
- 715F3A
- 57492B
- 3F341D
- 272010
- 120E05
- 030201
Tony
- D9BA7C
- CFB37D
- C4AD7E
- BAA67F
- B0A080
- A79980
- 9D9380
- 938D80
- 8A8680
Harmonie kolorów
Komplementarna +180°
- E3C07A
Freshly Baked
- A8C5FF
≈ Pastel Blue
Analogowa -30° +30°
- E3C07A
Freshly Baked
- F7B489
≈ Autumn Mist
- C4CC82
≈ Soft Celery
Triada +120° +240°
- E3C07A
Freshly Baked
- 70D8E2
≈ Aquamarine Blue
- E5B0E9
≈ Land of Dreams
Komplementarna rozszczepiona +150° +210°
- E3C07A
Freshly Baked
- 83D0FA
≈ Drift on the Sea
- C8B9FE
≈ Lavender Tonic
Tetrada +90° +180° +270°
- E3C07A
Freshly Baked
- 7DDAC0
≈ Star Grass
- A8C5FF
≈ Pastel Blue
- F7ABC9
≈ Rose Mallow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.08:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--freshly-baked: #e3c07a;
--freshly-baked-rgb: 227 192 122;
--freshly-baked-oklch: oklch(0.823 0.097 83.8);
}
.element {
color: var(--freshly-baked);
background-color: hsl(40 65% 68%);
border-color: oklch(0.823 0.097 83.8);
}Tailwind CSS v4
@theme {
--color-freshly-baked: #e3c07a;
--color-freshly-baked-50: #fff4d6;
--color-freshly-baked-100: #f6e6c4;
--color-freshly-baked-200: #e7d2a5;
--color-freshly-baked-300: #ceb47d;
--color-freshly-baked-400: #ba9a58;
--color-freshly-baked-500: #a5802f;
--color-freshly-baked-600: #8b6c2a;
--color-freshly-baked-700: #6f5721;
--color-freshly-baked-800: #533f16;
--color-freshly-baked-900: #3a2b0e;
--color-freshly-baked-950: #241802;
}SCSS
$freshly-baked: #e3c07a;
$freshly-baked-rgb: 227, 192, 122;
$freshly-baked-light: mix(#fff, $freshly-baked, 20%);
$freshly-baked-dark: mix(#000, $freshly-baked, 20%);
.element {
color: $freshly-baked;
box-shadow: 0 0 0 2px rgba($freshly-baked, 0.35);
}