Adlandırılmış renk · #FEA051
Bittersweet
Bittersweet, #FEA051: rgb(254 160 81), hsl(27 99% 66%), oklch(0.787 0.146 58.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Bittersweet color name →
#FEA051
oklch(0.787 0.146 58.2)
Renk dönüşümleri
- HEX
- #fea051
- RGB
- rgb(254 160 81)
- HSL
- hsl(27 99% 66%)
- HWB
- hwb(27 32% 0%)
- OKLCH
- oklch(0.787 0.146 58.2)
- OKLab
- oklab(0.787 0.077 0.124)
- CIE Lab
- lab(74.67 31.1 55.19)
- LCH
- lch(74.67 63.35 60.6)
- CMYK
- cmyk(0% 37% 68% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFAA66
- FFB479
- FFBE8A
- FFC79C
- FFD1AD
- FFDABD
- FFE3CE
- FFEDDE
- FFF6EF
Koyu tonlar
- DD8B45
- BD763A
- 9E612F
- 804E24
- 633B1A
- 472910
- 2D1907
- 160902
- 030100
Gri tonlar
- F19D59
- E59B60
- D89865
- CC956B
- BF926F
- B38E73
- A68B77
- 99877A
- 8D847D
Renk uyumları
Tamamlayıcı +180°
- FEA051
Bittersweet
- 66C4FF
≈ Maya Blue
Analog -30° +30°
- FEA051
Bittersweet
- FF9A8C
≈ Peach Pink
- E0B333
≈ Super Lemon
Üçlü +120° +240°
- FEA051
Bittersweet
- 00D7BA
≈ Channel Marker Green
- C4A8FF
≈ Purple Hepatica
Bölünmüş tamamlayıcı +150° +210°
- FEA051
Bittersweet
- 00D1E7
≈ Aztec Turquoise
- 9CB7FF
≈ Truesky Gloxym
Dörtlü +90° +180° +270°
- FEA051
Bittersweet
- 71D383
≈ Electric Lettuce
- 66C4FF
≈ Maya Blue
- EC96E8
≈ Diva Mecha
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.36:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--bittersweet: #fea051;
--bittersweet-rgb: 254 160 81;
--bittersweet-oklch: oklch(0.787 0.146 58.2);
}
.element {
color: var(--bittersweet);
background-color: hsl(27 99% 66%);
border-color: oklch(0.787 0.146 58.2);
}Tailwind CSS v4
@theme {
--color-bittersweet: #fea051;
--color-bittersweet-50: #ffeccc;
--color-bittersweet-100: #ffddb7;
--color-bittersweet-200: #ffc694;
--color-bittersweet-300: #eea567;
--color-bittersweet-400: #dd863b;
--color-bittersweet-500: #cb6800;
--color-bittersweet-600: #ab5900;
--color-bittersweet-700: #894700;
--color-bittersweet-800: #673200;
--color-bittersweet-900: #482200;
--color-bittersweet-950: #2f1100;
}SCSS
$bittersweet: #fea051;
$bittersweet-rgb: 254, 160, 81;
$bittersweet-light: mix(#fff, $bittersweet, 20%);
$bittersweet-dark: mix(#000, $bittersweet, 20%);
.element {
color: $bittersweet;
box-shadow: 0 0 0 2px rgba($bittersweet, 0.35);
}