Najbliższy nazwany kolor · #ED8064
#ED8064
Najbliższy nazwany kolor: Peachy Feeling
#ED8064 (rgb(237 128 100), hsl(12 79% 66%), oklch(0.715 0.141 35.4)) jest najbliższy nazwanemu kolorowi Peachy Feeling. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#ED8064
oklch(0.715 0.141 35.4)
Konwersje koloru
- HEX
- #ed8064
- RGB
- rgb(237 128 100)
- HSL
- hsl(12 79% 66%)
- HWB
- hwb(12 39% 7%)
- OKLCH
- oklch(0.715 0.141 35.4)
- OKLab
- oklab(0.715 0.115 0.081)
- CIE Lab
- lab(65.82 41.01 34.8)
- LCH
- lch(65.82 53.79 40.3)
- CMYK
- cmyk(0% 46% 58% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F08D74
- F39A83
- F6A793
- F8B4A2
- FAC1B1
- FCCDC1
- FDDAD0
- FEE6E0
- FFF3EF
Odcienie ciemniejsze
- CE6E56
- B05D48
- 934D3B
- 773D2E
- 5C2E22
- 421F16
- 2A120B
- 140603
- 030100
Tony
- E38168
- D8826B
- CD826E
- C38271
- B88274
- AD8277
- A28279
- 97817C
- 8C817E
Harmonie kolorów
Komplementarna +180°
- ED8064
Peachy Feeling
- 00B6D5
≈ Ocean Sigh
Analogowa -30° +30°
- ED8064
Peachy Feeling
- EB7B97
≈ So Charming
- DE8F32
≈ Soft Pumpkin
Triada +120° +240°
- ED8064
Peachy Feeling
- 4BBD7C
≈ Esmeralda
- 8B9AFA
≈ Periwinkle Blue
Komplementarna rozszczepiona +150° +210°
- ED8064
Peachy Feeling
- 00BCAE
≈ Turquoise Topaz
- 4CAAF5
≈ Adamantine Blue
Tetrada +90° +180° +270°
- ED8064
Peachy Feeling
- 8EB247
≈ Green Tea Ice Cream
- 00B6D5
≈ Ocean Sigh
- B88BE9
≈ Luminous Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.87:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--peachy-feeling: #ed8064;
--peachy-feeling-rgb: 237 128 100;
--peachy-feeling-oklch: oklch(0.715 0.141 35.4);
}
.element {
color: var(--peachy-feeling);
background-color: hsl(12 79% 66%);
border-color: oklch(0.715 0.141 35.4);
}Tailwind CSS v4
@theme {
--color-peachy-feeling: #ed8064;
--color-peachy-feeling-50: #ffe8d9;
--color-peachy-feeling-100: #ffd8c7;
--color-peachy-feeling-200: #ffc0a9;
--color-peachy-feeling-300: #f69d83;
--color-peachy-feeling-400: #e47e63;
--color-peachy-feeling-500: #d25d40;
--color-peachy-feeling-600: #b15037;
--color-peachy-feeling-700: #8f402b;
--color-peachy-feeling-800: #6a2d20;
--color-peachy-feeling-900: #4b1e15;
--color-peachy-feeling-950: #310e07;
}SCSS
$peachy-feeling: #ed8064;
$peachy-feeling-rgb: 237, 128, 100;
$peachy-feeling-light: mix(#fff, $peachy-feeling, 20%);
$peachy-feeling-dark: mix(#000, $peachy-feeling, 20%);
.element {
color: $peachy-feeling;
box-shadow: 0 0 0 2px rgba($peachy-feeling, 0.35);
}