Adlandırılmış renk · #FCEBD1
Popcorn Ball
Popcorn Ball, #FCEBD1: rgb(252 235 209), hsl(36 88% 90%), oklch(0.947 0.039 78.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Popcorn Ball color name →
#FCEBD1
oklch(0.947 0.039 78.6)
Renk dönüşümleri
- HEX
- #fcebd1
- RGB
- rgb(252 235 209)
- HSL
- hsl(36 88% 90%)
- HWB
- hwb(36 82% 1%)
- OKLCH
- oklch(0.947 0.039 78.6)
- OKLab
- oklab(0.947 0.008 0.038)
- CIE Lab
- lab(93.92 2.92 14.86)
- LCH
- lch(93.92 15.14 78.9)
- CMYK
- cmyk(0% 7% 17% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCEDD6
- FDEFDA
- FDF1DF
- FDF3E3
- FEF5E8
- FEF7ED
- FEF9F1
- FEFBF6
- FFFDFA
Koyu tonlar
- DBCCB5
- BBAE9B
- 9C9181
- 7E7568
- 625B50
- 474139
- 2D2923
- 161310
- 030302
Gri tonlar
- EFE0C9
- E2D5C0
- D5CAB8
- C9BFB0
- BCB4A8
- B0A9A0
- A49F98
- 989490
- 8C8A88
Renk uyumları
Tamamlayıcı +180°
- FCEBD1
Popcorn Ball
- E3EEFF
≈ Brilliant White
Analog -30° +30°
- FCEBD1
Popcorn Ball
- FFE8DD
≈ Chablis
- EFF0D2
≈ Giggle
Üçlü +120° +240°
- FCEBD1
Popcorn Ball
- D0F6F7
≈ Tinted Ice
- F9E6FF
≈ Soft Lavender
Bölünmüş tamamlayıcı +150° +210°
- FCEBD1
Popcorn Ball
- D8F2FF
≈ Wizard White
- ECEBFF
≈ Placebo Purple
Dörtlü +90° +180° +270°
- FCEBD1
Popcorn Ball
- D5F6E9
≈ Diluted Mint
- E3EEFF
≈ Brilliant White
- FFE5F1
≈ Cherubic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.17:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.94:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.94:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--popcorn-ball: #fcebd1;
--popcorn-ball-rgb: 252 235 209;
--popcorn-ball-oklch: oklch(0.947 0.039 78.6);
}
.element {
color: var(--popcorn-ball);
background-color: hsl(36 88% 90%);
border-color: oklch(0.947 0.039 78.6);
}Tailwind CSS v4
@theme {
--color-popcorn-ball: #fcebd1;
--color-popcorn-ball-50: #fbf4e9;
--color-popcorn-ball-100: #efe7da;
--color-popcorn-ball-200: #ddd3c2;
--color-popcorn-ball-300: #c2b6a2;
--color-popcorn-ball-400: #ab9c85;
--color-popcorn-ball-500: #948469;
--color-popcorn-ball-600: #7e6f59;
--color-popcorn-ball-700: #645947;
--color-popcorn-ball-800: #4a4133;
--color-popcorn-ball-900: #332d23;
--color-popcorn-ball-950: #1f1a12;
}SCSS
$popcorn-ball: #fcebd1;
$popcorn-ball-rgb: 252, 235, 209;
$popcorn-ball-light: mix(#fff, $popcorn-ball, 20%);
$popcorn-ball-dark: mix(#000, $popcorn-ball, 20%);
.element {
color: $popcorn-ball;
box-shadow: 0 0 0 2px rgba($popcorn-ball, 0.35);
}