Adlandırılmış renk · #FFB48A
Coral Dusk
Coral Dusk, #FFB48A: rgb(255 180 138), hsl(22 100% 77%), oklch(0.831 0.104 50.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Coral Dusk color name →
#FFB48A
oklch(0.831 0.104 50.1)
Renk dönüşümleri
- HEX
- #ffb48a
- RGB
- rgb(255 180 138)
- HSL
- hsl(22 100% 77%)
- HWB
- hwb(22 54% 0%)
- OKLCH
- oklch(0.831 0.104 50.1)
- OKLab
- oklab(0.831 0.067 0.08)
- CIE Lab
- lab(79.9 24.62 32.89)
- LCH
- lch(79.9 41.08 53.2)
- CMYK
- cmyk(0% 29% 46% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFBC96
- FFC3A2
- FFCBAE
- FFD2B9
- FFDAC5
- FFE1D1
- FFE9DC
- FFF0E8
- FFF8F3
Koyu tonlar
- DE9C77
- BE8565
- 9E6E53
- 805842
- 634432
- 483022
- 2E1D14
- 160C07
- 030201
Gri tonlar
- F2AF8A
- E5AA89
- D8A588
- CCA087
- BF9A87
- B29585
- A69084
- 998B83
- 8D8582
Renk uyumları
Tamamlayıcı +180°
- FFB48A
Coral Dusk
- 7BD5FF
≈ Sky
Analog -30° +30°
- FFB48A
Coral Dusk
- FFB0AF
≈ Fancy Flamingo
- EBC177
≈ Vietnamese Lantern
Üçlü +120° +240°
- FFB48A
Coral Dusk
- 7DDEBE
≈ Āsmānī Sky
- C6BEFF
≈ Lavender Tonic
Bölünmüş tamamlayıcı +150° +210°
- FFB48A
Coral Dusk
- 6ADCE2
≈ Aquamarine Blue
- A8C9FF
≈ Night Snow
Dörtlü +90° +180° +270°
- FFB48A
Coral Dusk
- A4D998
≈ Cool Aloe
- 7BD5FF
≈ Sky
- E6B2F2
≈ Candy Dreams
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.14:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.14:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--coral-dusk: #ffb48a;
--coral-dusk-rgb: 255 180 138;
--coral-dusk-oklch: oklch(0.831 0.104 50.1);
}
.element {
color: var(--coral-dusk);
background-color: hsl(22 100% 77%);
border-color: oklch(0.831 0.104 50.1);
}Tailwind CSS v4
@theme {
--color-coral-dusk: #ffb48a;
--color-coral-dusk-50: #ffeeda;
--color-coral-dusk-100: #ffdfc9;
--color-coral-dusk-200: #f9c9ac;
--color-coral-dusk-300: #e3a986;
--color-coral-dusk-400: #d08c65;
--color-coral-dusk-500: #bc7042;
--color-coral-dusk-600: #9f5f39;
--color-coral-dusk-700: #804c2d;
--color-coral-dusk-800: #5f3621;
--color-coral-dusk-900: #432515;
--color-coral-dusk-950: #2b1407;
}SCSS
$coral-dusk: #ffb48a;
$coral-dusk-rgb: 255, 180, 138;
$coral-dusk-light: mix(#fff, $coral-dusk, 20%);
$coral-dusk-dark: mix(#000, $coral-dusk, 20%);
.element {
color: $coral-dusk;
box-shadow: 0 0 0 2px rgba($coral-dusk, 0.35);
}