Adlandırılmış renk · #FF9988
Amber Sun
Amber Sun, #FF9988: rgb(255 153 136), hsl(9 100% 77%), oklch(0.785 0.126 30.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Amber Sun color name →
#FF9988
oklch(0.785 0.126 30.3)
Renk dönüşümleri
- HEX
- #ff9988
- RGB
- rgb(255 153 136)
- HSL
- hsl(9 100% 77%)
- HWB
- hwb(9 53% 0%)
- OKLCH
- oklch(0.785 0.126 30.3)
- OKLab
- oklab(0.785 0.109 0.063)
- CIE Lab
- lab(73.92 37.84 26.18)
- LCH
- lch(73.92 46.02 34.7)
- CMYK
- cmyk(0% 40% 47% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFA494
- FFAEA0
- FFB8AB
- FFC3B7
- FFCDC3
- FFD7CF
- FFE1DB
- FFEBE7
- FFF5F3
Koyu tonlar
- DE8475
- BE7063
- 9E5D52
- 804A41
- 633831
- 482722
- 2E1713
- 160806
- 030101
Gri tonlar
- F29788
- E69587
- D99386
- CD9086
- C08E85
- B38B84
- A78983
- 9A8682
- 8D8381
Renk uyumları
Tamamlayıcı +180°
- FF9988
Amber Sun
- 33CEE5
≈ Picnic Day Sky
Analog -30° +30°
- FF9988
Amber Sun
- FA96B5
≈ Baker-Miller Pink
- F3A561
≈ Sandy Brown
Üçlü +120° +240°
- FF9988
Amber Sun
- 7AD08E
≈ Jube Green
- 9EB5FF
≈ Truesky Gloxym
Bölünmüş tamamlayıcı +150° +210°
- FF9988
Amber Sun
- 41D3BC
≈ Turquoise Panic
- 69C3FF
≈ Maya Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.16:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--amber-sun: #ff9988;
--amber-sun-rgb: 255 153 136;
--amber-sun-oklch: oklch(0.785 0.126 30.3);
}
.element {
color: var(--amber-sun);
background-color: hsl(9 100% 77%);
border-color: oklch(0.785 0.126 30.3);
}Tailwind CSS v4
@theme {
--color-amber-sun: #ff9988;
--color-amber-sun-50: #ffe9df;
--color-amber-sun-100: #ffd9ce;
--color-amber-sun-200: #ffc1b3;
--color-amber-sun-300: #f19f8f;
--color-amber-sun-400: #df8171;
--color-amber-sun-500: #cc6252;
--color-amber-sun-600: #ac5346;
--color-amber-sun-700: #8a4237;
--color-amber-sun-800: #672f29;
--color-amber-sun-900: #48201b;
--color-amber-sun-950: #2f0f0c;
}SCSS
$amber-sun: #ff9988;
$amber-sun-rgb: 255, 153, 136;
$amber-sun-light: mix(#fff, $amber-sun, 20%);
$amber-sun-dark: mix(#000, $amber-sun, 20%);
.element {
color: $amber-sun;
box-shadow: 0 0 0 2px rgba($amber-sun, 0.35);
}