Adlandırılmış renk · #FDB251
Salted Caramel Popcorn
Salted Caramel Popcorn, #FDB251: rgb(253 178 81), hsl(34 98% 65%), oklch(0.818 0.141 70.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Salted Caramel Popcorn color name →
#FDB251
oklch(0.818 0.141 70.3)
Renk dönüşümleri
- HEX
- #fdb251
- RGB
- rgb(253 178 81)
- HSL
- hsl(34 98% 65%)
- HWB
- hwb(34 32% 1%)
- OKLCH
- oklch(0.818 0.141 70.3)
- OKLab
- oklab(0.818 0.048 0.133)
- CIE Lab
- lab(78.62 21.75 59.24)
- LCH
- lch(78.62 63.11 69.8)
- CMYK
- cmyk(0% 30% 68% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEBA67
- FFC27A
- FFCA8C
- FFD29D
- FFDAAE
- FFE1BF
- FFE9CF
- FFF0DF
- FFF8EF
Koyu tonlar
- DC9A45
- BC833A
- 9D6D2F
- 7F5724
- 62431A
- 472F10
- 2D1D07
- 160C02
- 030100
Gri tonlar
- F0AD59
- E4A961
- D7A467
- CA9F6C
- BE9A70
- B19574
- A59078
- 998B7B
- 8C857E
Renk uyumları
Tamamlayıcı +180°
- FDB251
Salted Caramel Popcorn
- 94C8FF
≈ Clear Sky
Analog -30° +30°
- FDB251
Salted Caramel Popcorn
- FFAC8E
≈ Coral Correlation
- D8C54B
≈ Yellow Magic Orchestra
Üçlü +120° +240°
- FDB251
Salted Caramel Popcorn
- 00E0D8
≈ Fish Boy
- DCACFF
≈ Testosterose
Bölünmüş tamamlayıcı +150° +210°
- FDB251
Salted Caramel Popcorn
- 41D7FF
≈ Libra Blue Morpho
- B7BDFF
≈ Dried Lilac
Dörtlü +90° +180° +270°
- FDB251
Salted Caramel Popcorn
- 62DFA4
≈ Medium Aquamarine
- 94C8FF
≈ Clear Sky
- FF9EDF
≈ Rose Daphne
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.80:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.66:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--salted-caramel-popcorn: #fdb251;
--salted-caramel-popcorn-rgb: 253 178 81;
--salted-caramel-popcorn-oklch: oklch(0.818 0.141 70.3);
}
.element {
color: var(--salted-caramel-popcorn);
background-color: hsl(34 98% 65%);
border-color: oklch(0.818 0.141 70.3);
}Tailwind CSS v4
@theme {
--color-salted-caramel-popcorn: #fdb251;
--color-salted-caramel-popcorn-50: #fff0c9;
--color-salted-caramel-popcorn-100: #ffe1b4;
--color-salted-caramel-popcorn-200: #facb90;
--color-salted-caramel-popcorn-300: #e4ab61;
--color-salted-caramel-popcorn-400: #d38e2f;
--color-salted-caramel-popcorn-500: #c07100;
--color-salted-caramel-popcorn-600: #a26000;
--color-salted-caramel-popcorn-700: #824d00;
--color-salted-caramel-popcorn-800: #613700;
--color-salted-caramel-popcorn-900: #442600;
--color-salted-caramel-popcorn-950: #2c1400;
}SCSS
$salted-caramel-popcorn: #fdb251;
$salted-caramel-popcorn-rgb: 253, 178, 81;
$salted-caramel-popcorn-light: mix(#fff, $salted-caramel-popcorn, 20%);
$salted-caramel-popcorn-dark: mix(#000, $salted-caramel-popcorn, 20%);
.element {
color: $salted-caramel-popcorn;
box-shadow: 0 0 0 2px rgba($salted-caramel-popcorn, 0.35);
}