Adlandırılmış renk · #F29312
Forceful Orange
Forceful Orange, #F29312: rgb(242 147 18), hsl(35 90% 51%), oklch(0.746 0.164 64.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Forceful Orange color name →
#F29312
oklch(0.746 0.164 64.8)
Renk dönüşümleri
- HEX
- #f29312
- RGB
- rgb(242 147 18)
- HSL
- hsl(35 90% 51%)
- HWB
- hwb(35 7% 5%)
- OKLCH
- oklch(0.746 0.164 64.8)
- OKLab
- oklab(0.746 0.07 0.148)
- CIE Lab
- lab(69.97 31.24 72.38)
- LCH
- lch(69.97 78.83 66.7)
- CMYK
- cmyk(0% 39% 93% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F49F3F
- F7AA5B
- F8B572
- FAC088
- FCCB9C
- FDD5B0
- FEE0C4
- FEEAD8
- FFF5EB
Koyu tonlar
- D27F0E
- B46C0A
- 965907
- 794704
- 5E3602
- 432501
- 2B1601
- 140800
- 030100
Gri tonlar
- E7922F
- DB9140
- D08F4C
- C58D56
- BA8C5F
- AE8A67
- A3886E
- 978575
- 8C837A
Renk uyumları
Tamamlayıcı +180°
- F29312
Forceful Orange
- 55B5FF
≈ Tiān Lán Sky
Analog -30° +30°
- F29312
Forceful Orange
- FF8466
≈ Protein High
- CBAA00
≈ Hot Sand
Üçlü +120° +240°
- F29312
Forceful Orange
- 00C7B7
≈ Amazonite
- C58FFF
≈ Liliac
Bölünmüş tamamlayıcı +150° +210°
- F29312
Forceful Orange
- 00C1E0
≈ Caribbean Blue
- 94A5FF
≈ Widowmaker
Dörtlü +90° +180° +270°
- F29312
Forceful Orange
- 3CCA7D
≈ Emerald Reflection
- 55B5FF
≈ Tiān Lán Sky
- EA81D6
≈ Blushed Bombshell
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.34:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.95:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--forceful-orange: #f29312;
--forceful-orange-rgb: 242 147 18;
--forceful-orange-oklch: oklch(0.746 0.164 64.8);
}
.element {
color: var(--forceful-orange);
background-color: hsl(35 90% 51%);
border-color: oklch(0.746 0.164 64.8);
}Tailwind CSS v4
@theme {
--color-forceful-orange: #f29312;
--color-forceful-orange-50: #ffedc4;
--color-forceful-orange-100: #ffdeae;
--color-forceful-orange-200: #ffc787;
--color-forceful-orange-300: #efa653;
--color-forceful-orange-400: #df8607;
--color-forceful-orange-500: #cd6700;
--color-forceful-orange-600: #ad5800;
--color-forceful-orange-700: #8b4600;
--color-forceful-orange-800: #683200;
--color-forceful-orange-900: #492200;
--color-forceful-orange-950: #301000;
}SCSS
$forceful-orange: #f29312;
$forceful-orange-rgb: 242, 147, 18;
$forceful-orange-light: mix(#fff, $forceful-orange, 20%);
$forceful-orange-dark: mix(#000, $forceful-orange, 20%);
.element {
color: $forceful-orange;
box-shadow: 0 0 0 2px rgba($forceful-orange, 0.35);
}