Nazwany kolor · #EE8866
Firewatch
Firewatch to #EE8866: rgb(238 136 102), hsl(15 80% 67%), oklch(0.73 0.134 39.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Firewatch color name →
#EE8866
oklch(0.73 0.134 39.1)
Konwersje koloru
- HEX
- #ee8866
- RGB
- rgb(238 136 102)
- HSL
- hsl(15 80% 67%)
- HWB
- hwb(15 40% 7%)
- OKLCH
- oklch(0.73 0.134 39.1)
- OKLab
- oklab(0.73 0.104 0.084)
- CIE Lab
- lab(67.63 37.59 35.99)
- LCH
- lch(67.63 52.04 43.7)
- CMYK
- cmyk(0% 43% 57% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F19476
- F4A185
- F6AD94
- F8B9A3
- FAC4B2
- FCD0C2
- FDDCD1
- FEE8E0
- FFF3F0
Odcienie ciemniejsze
- CF7558
- B1634A
- 93523C
- 77412F
- 5C3123
- 422217
- 2A130C
- 140604
- 030100
Tony
- E3886A
- D9886D
- CE8770
- C38773
- B88675
- AD8578
- A2847A
- 97837C
- 8C817E
Harmonie kolorów
Komplementarna +180°
- EE8866
Firewatch
- 00BAE0
≈ Maldives
Analogowa -30° +30°
- EE8866
Firewatch
- EE8296
≈ Xoxo
- DD973C
≈ Aged Gouda
Triada +120° +240°
- EE8866
Firewatch
- 4DC189
≈ Garish Green
- 969DFA
≈ Cobalite
Komplementarna rozszczepiona +150° +210°
- EE8866
Firewatch
- 00C0B8
≈ Cala Benirrás Blue
- 5FADF8
≈ Tiān Lán Sky
Tetrada +90° +180° +270°
- EE8866
Firewatch
- 8DB858
≈ Fresh Mown
- 00BAE0
≈ Maldives
- C08FE7
≈ Luminous Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.34:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--firewatch: #ee8866;
--firewatch-rgb: 238 136 102;
--firewatch-oklch: oklch(0.73 0.134 39.1);
}
.element {
color: var(--firewatch);
background-color: hsl(15 80% 67%);
border-color: oklch(0.73 0.134 39.1);
}Tailwind CSS v4
@theme {
--color-firewatch: #ee8866;
--color-firewatch-50: #ffe9d8;
--color-firewatch-100: #ffdac6;
--color-firewatch-200: #ffc2a8;
--color-firewatch-300: #f2a082;
--color-firewatch-400: #e18161;
--color-firewatch-500: #ce623c;
--color-firewatch-600: #ae5334;
--color-firewatch-700: #8c4229;
--color-firewatch-800: #682f1e;
--color-firewatch-900: #492014;
--color-firewatch-950: #300f06;
}SCSS
$firewatch: #ee8866;
$firewatch-rgb: 238, 136, 102;
$firewatch-light: mix(#fff, $firewatch, 20%);
$firewatch-dark: mix(#000, $firewatch, 20%);
.element {
color: $firewatch;
box-shadow: 0 0 0 2px rgba($firewatch, 0.35);
}