Adlandırılmış renk · #FF8008
Oriole
Oriole, #FF8008: rgb(255 128 8), hsl(29 100% 52%), oklch(0.732 0.185 52.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Oriole color name →
#FF8008
oklch(0.732 0.185 52.6)
Renk dönüşümleri
- HEX
- #ff8008
- RGB
- rgb(255 128 8)
- HSL
- hsl(29 100% 52%)
- HWB
- hwb(29 3% 0%)
- OKLCH
- oklch(0.732 0.185 52.6)
- OKLab
- oklab(0.732 0.112 0.147)
- CIE Lab
- lab(67.83 45.53 73.72)
- LCH
- lch(67.83 86.65 58.3)
- CMYK
- cmyk(0% 50% 97% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF8E3B
- FF9C57
- FFA96F
- FFB685
- FFC29A
- FFCFAF
- FFDBC3
- FFE7D7
- FFF3EB
Koyu tonlar
- DE6E06
- BE5D04
- 9E4D03
- 803D02
- 632E01
- 481F01
- 2E1200
- 160600
- 030100
Gri tonlar
- F3812B
- E6833C
- DA8349
- CE8454
- C1845D
- B58465
- A8836D
- 9B8274
- 8E817A
Renk uyumları
Tamamlayıcı +180°
- FF8008
Oriole
- 00B7F6
≈ Zima Blue
Analog -30° +30°
- FF8008
Oriole
- FF7977
≈ Embarrassment
- D69D00
≈ Lepton Gold
Üçlü +120° +240°
- FF8008
Oriole
- 00C49F
≈ Jadeite
- AC94FF
≈ Cobalite
Bölünmüş tamamlayıcı +150° +210°
- FF8008
Oriole
- 00BFCA
≈ Panorama Blue
- 79A7FF
≈ Fennel Flower
Dörtlü +90° +180° +270°
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 {
--oriole: #ff8008;
--oriole-rgb: 255 128 8;
--oriole-oklch: oklch(0.732 0.185 52.6);
}
.element {
color: var(--oriole);
background-color: hsl(29 100% 52%);
border-color: oklch(0.732 0.185 52.6);
}Tailwind CSS v4
@theme {
--color-oriole: #ff8008;
--color-oriole-50: #ffe8c3;
--color-oriole-100: #ffd8ad;
--color-oriole-200: #ffbf86;
--color-oriole-300: #ff9b52;
--color-oriole-400: #f0790c;
--color-oriole-500: #de5500;
--color-oriole-600: #bc4900;
--color-oriole-700: #973a00;
--color-oriole-800: #712800;
--color-oriole-900: #501b00;
--color-oriole-950: #350a00;
}SCSS
$oriole: #ff8008;
$oriole-rgb: 255, 128, 8;
$oriole-light: mix(#fff, $oriole, 20%);
$oriole-dark: mix(#000, $oriole, 20%);
.element {
color: $oriole;
box-shadow: 0 0 0 2px rgba($oriole, 0.35);
}