Adlandırılmış renk · #EE8866
Firewatch
Firewatch, #EE8866: rgb(238 136 102), hsl(15 80% 67%), oklch(0.73 0.134 39.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Firewatch color name →
#EE8866
oklch(0.73 0.134 39.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F19476
- F4A185
- F6AD94
- F8B9A3
- FAC4B2
- FCD0C2
- FDDCD1
- FEE8E0
- FFF3F0
Koyu tonlar
- CF7558
- B1634A
- 93523C
- 77412F
- 5C3123
- 422217
- 2A130C
- 140604
- 030100
Gri tonlar
- E3886A
- D9886D
- CE8770
- C38773
- B88675
- AD8578
- A2847A
- 97837C
- 8C817E
Renk uyumları
Tamamlayıcı +180°
- EE8866
Firewatch
- 00BAE0
≈ Maldives
Analog -30° +30°
- EE8866
Firewatch
- EE8296
≈ Xoxo
- DD973C
≈ Aged Gouda
Üçlü +120° +240°
- EE8866
Firewatch
- 4DC189
≈ Garish Green
- 969DFA
≈ Cobalite
Bölünmüş tamamlayıcı +150° +210°
- EE8866
Firewatch
- 00C0B8
≈ Cala Benirrás Blue
- 5FADF8
≈ Tiān Lán Sky
Dörtlü +90° +180° +270°
- EE8866
Firewatch
- 8DB858
≈ Fresh Mown
- 00BAE0
≈ Maldives
- C08FE7
≈ Luminous Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.51:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.34:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
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);
}