Najbliższy nazwany kolor · #EE9B7F
#EE9B7F
Najbliższy nazwany kolor: Kindleflame
#EE9B7F (rgb(238 155 127), hsl(15 77% 72%), oklch(0.766 0.108 39.4)) jest najbliższy nazwanemu kolorowi Kindleflame. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EE9B7F
oklch(0.766 0.108 39.4)
Konwersje koloru
- HEX
- #ee9b7f
- RGB
- rgb(238 155 127)
- HSL
- hsl(15 77% 72%)
- HWB
- hwb(15 50% 7%)
- OKLCH
- oklch(0.766 0.108 39.4)
- OKLab
- oklab(0.766 0.083 0.068)
- CIE Lab
- lab(72.1 29.68 28.18)
- LCH
- lch(72.1 40.93 43.5)
- CMYK
- cmyk(0% 35% 47% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1A58C
- F3AF98
- F5B9A5
- F7C3B2
- F9CDBF
- FBD7CB
- FCE1D8
- FDEBE5
- FEF5F2
Odcienie ciemniejsze
- CF866E
- B1725D
- 935E4C
- 774B3C
- 5C392D
- 42281F
- 2A1811
- 140906
- 030101
Tony
- E39980
- D89680
- CD9480
- C29181
- B78E81
- AC8C81
- A18981
- 968681
- 8B8380
Harmonie kolorów
Komplementarna +180°
- EE9B7F
Kindleflame
- 57C3E2
≈ Naxos Sky
Analogowa -30° +30°
- EE9B7F
Kindleflame
- EE96A4
≈ Piggy
- DFA664
≈ India Trade
Triada +120° +240°
- EE9B7F
Kindleflame
- 72C89B
≈ Green Gala
- A5ACF7
≈ Shy Moment
Komplementarna rozszczepiona +150° +210°
- EE9B7F
Kindleflame
- 50C9C1
≈ May Day
- 7CB8F5
≈ Broken Blue
Tetrada +90° +180° +270°
- EE9B7F
Kindleflame
- 9DC176
≈ Lime Parfait
- 57C3E2
≈ Naxos Sky
- C7A0E7
≈ Silver Rust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.18:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.63:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.63:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--kindleflame: #ee9b7f;
--kindleflame-rgb: 238 155 127;
--kindleflame-oklch: oklch(0.766 0.108 39.4);
}
.element {
color: var(--kindleflame);
background-color: hsl(15 77% 72%);
border-color: oklch(0.766 0.108 39.4);
}Tailwind CSS v4
@theme {
--color-kindleflame: #ee9b7f;
--color-kindleflame-50: #ffecde;
--color-kindleflame-100: #ffddcd;
--color-kindleflame-200: #fdc6b1;
--color-kindleflame-300: #e7a58d;
--color-kindleflame-400: #d5886e;
--color-kindleflame-500: #c26b4e;
--color-kindleflame-600: #a35b42;
--color-kindleflame-700: #834935;
--color-kindleflame-800: #623426;
--color-kindleflame-900: #45231a;
--color-kindleflame-950: #2c120a;
}SCSS
$kindleflame: #ee9b7f;
$kindleflame-rgb: 238, 155, 127;
$kindleflame-light: mix(#fff, $kindleflame, 20%);
$kindleflame-dark: mix(#000, $kindleflame, 20%);
.element {
color: $kindleflame;
box-shadow: 0 0 0 2px rgba($kindleflame, 0.35);
}