Najbliższy nazwany kolor · #EEA284
#EEA284
Najbliższy nazwany kolor: Creamy Peach
#EEA284 (rgb(238 162 132), hsl(17 76% 73%), oklch(0.779 0.1 42.3)) jest najbliższy nazwanemu kolorowi Creamy Peach. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EEA284
oklch(0.779 0.1 42.3)
Konwersje koloru
- HEX
- #eea284
- RGB
- rgb(238 162 132)
- HSL
- hsl(17 76% 73%)
- HWB
- hwb(17 52% 7%)
- OKLCH
- oklch(0.779 0.1 42.3)
- OKLab
- oklab(0.779 0.074 0.067)
- CIE Lab
- lab(73.75 26.52 27.65)
- LCH
- lch(73.75 38.32 46.2)
- CMYK
- cmyk(0% 32% 45% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0AB90
- F3B59C
- F5BEA9
- F7C7B5
- F9D1C1
- FADACD
- FCE3DA
- FDECE6
- FEF6F3
Odcienie ciemniejsze
- CF8C72
- B17760
- 93634F
- 774F3F
- 5C3C2F
- 422A20
- 2A1912
- 140A06
- 030101
Tony
- E39F84
- D89C84
- CD9884
- C29583
- B79283
- AC8E83
- A18B82
- 968782
- 8B8481
Harmonie kolorów
Komplementarna +180°
- EEA284
Creamy Peach
- 67C6E5
≈ Candid Blue
Analogowa -30° +30°
- EEA284
Creamy Peach
- F09CA6
≈ Candy Coated
- DFAD6D
≈ Necrophilic Brown
Triada +120° +240°
- EEA284
Creamy Peach
- 78CBA4
≈ Minted Elegance
- ADAFF6
≈ Wondrous Wisteria
Komplementarna rozszczepiona +150° +210°
- EEA284
Creamy Peach
- 5FCCC8
≈ Setting Sail
- 88BBF6
≈ Electric Eel
Tetrada +90° +180° +270°
- EEA284
Creamy Peach
- 9FC582
≈ Opaline Green
- 67C6E5
≈ Candid Blue
- CDA5E6
≈ Tropical Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.13:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--creamy-peach: #eea284;
--creamy-peach-rgb: 238 162 132;
--creamy-peach-oklch: oklch(0.779 0.1 42.3);
}
.element {
color: var(--creamy-peach);
background-color: hsl(17 76% 73%);
border-color: oklch(0.779 0.1 42.3);
}Tailwind CSS v4
@theme {
--color-creamy-peach: #eea284;
--color-creamy-peach-50: #ffedde;
--color-creamy-peach-100: #ffdecd;
--color-creamy-peach-200: #fac7b2;
--color-creamy-peach-300: #e4a78e;
--color-creamy-peach-400: #d18b6f;
--color-creamy-peach-500: #bd6e4f;
--color-creamy-peach-600: #a05e43;
--color-creamy-peach-700: #804b35;
--color-creamy-peach-800: #5f3627;
--color-creamy-peach-900: #43251a;
--color-creamy-peach-950: #2b130b;
}SCSS
$creamy-peach: #eea284;
$creamy-peach-rgb: 238, 162, 132;
$creamy-peach-light: mix(#fff, $creamy-peach, 20%);
$creamy-peach-dark: mix(#000, $creamy-peach, 20%);
.element {
color: $creamy-peach;
box-shadow: 0 0 0 2px rgba($creamy-peach, 0.35);
}