Adlandırılmış renk · #FF9682
Orange Aura
Orange Aura, #FF9682: rgb(255 150 130), hsl(10 100% 75%), oklch(0.779 0.13 31.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Orange Aura color name →
#FF9682
oklch(0.779 0.13 31.7)
Renk dönüşümleri
- HEX
- #ff9682
- RGB
- rgb(255 150 130)
- HSL
- hsl(10 100% 75%)
- HWB
- hwb(10 51% 0%)
- OKLCH
- oklch(0.779 0.13 31.7)
- OKLab
- oklab(0.779 0.111 0.068)
- CIE Lab
- lab(73.2 38.91 28.48)
- LCH
- lch(73.2 48.22 36.2)
- CMYK
- cmyk(0% 41% 49% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFA18E
- FFAC9B
- FFB6A7
- FFC1B4
- FFCBC0
- FFD6CD
- FFE0D9
- FFEAE6
- FFF5F2
Koyu tonlar
- DE8270
- BE6E5F
- 9E5B4E
- 80493E
- 63372F
- 482620
- 2E1612
- 160806
- 030101
Gri tonlar
- F29482
- E69382
- D99182
- CD8F82
- C08D82
- B48A82
- A78882
- 9A8581
- 8D8381
Renk uyumları
Tamamlayıcı +180°
- FF9682
Orange Aura
- 23CCE7
≈ Picnic Day Sky
Analog -30° +30°
- FF9682
Orange Aura
- FB92B1
≈ Schauss Pink
- F2A359
≈ Sandy Brown
Üçlü +120° +240°
- FF9682
Orange Aura
- 72CF8D
≈ Serengeti Green
- 9DB3FF
≈ Wondrous Wisteria
Bölünmüş tamamlayıcı +150° +210°
- FF9682
Orange Aura
- 30D2BD
≈ Bianchi Green
- 68C0FF
≈ Maya Blue
Dörtlü +90° +180° +270°
- FF9682
Orange Aura
- AAC460
≈ Green Glow
- 23CCE7
≈ Picnic Day Sky
- C6A2FC
≈ Diva
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.93:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--orange-aura: #ff9682;
--orange-aura-rgb: 255 150 130;
--orange-aura-oklch: oklch(0.779 0.13 31.7);
}
.element {
color: var(--orange-aura);
background-color: hsl(10 100% 75%);
border-color: oklch(0.779 0.13 31.7);
}Tailwind CSS v4
@theme {
--color-orange-aura: #ff9682;
--color-orange-aura-50: #ffe9dd;
--color-orange-aura-100: #ffd9cc;
--color-orange-aura-200: #ffc1b0;
--color-orange-aura-300: #f29f8b;
--color-orange-aura-400: #e17f6d;
--color-orange-aura-500: #ce604d;
--color-orange-aura-600: #ae5242;
--color-orange-aura-700: #8c4134;
--color-orange-aura-800: #682e26;
--color-orange-aura-900: #491f1a;
--color-orange-aura-950: #300f0a;
}SCSS
$orange-aura: #ff9682;
$orange-aura-rgb: 255, 150, 130;
$orange-aura-light: mix(#fff, $orange-aura, 20%);
$orange-aura-dark: mix(#000, $orange-aura, 20%);
.element {
color: $orange-aura;
box-shadow: 0 0 0 2px rgba($orange-aura, 0.35);
}