이름 색상 · #FDB251
Salted Caramel Popcorn
Salted Caramel Popcorn은(는) #FDB251: rgb(253 178 81), hsl(34 98% 65%), oklch(0.818 0.141 70.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Salted Caramel Popcorn color name →
#FDB251
oklch(0.818 0.141 70.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FEBA67
- FFC27A
- FFCA8C
- FFD29D
- FFDAAE
- FFE1BF
- FFE9CF
- FFF0DF
- FFF8EF
셰이드
- DC9A45
- BC833A
- 9D6D2F
- 7F5724
- 62431A
- 472F10
- 2D1D07
- 160C02
- 030100
톤
- F0AD59
- E4A961
- D7A467
- CA9F6C
- BE9A70
- B19574
- A59078
- 998B7B
- 8C857E
색 조화
보색 +180°
- FDB251
Salted Caramel Popcorn
- 94C8FF
≈ Clear Sky
유사색 -30° +30°
- FDB251
Salted Caramel Popcorn
- FFAC8E
≈ Coral Correlation
- D8C54B
≈ Yellow Magic Orchestra
삼각 배색 +120° +240°
- FDB251
Salted Caramel Popcorn
- 00E0D8
≈ Fish Boy
- DCACFF
≈ Testosterose
분열 보색 +150° +210°
- FDB251
Salted Caramel Popcorn
- 41D7FF
≈ Libra Blue Morpho
- B7BDFF
≈ Dried Lilac
사각 배색 +90° +180° +270°
- FDB251
Salted Caramel Popcorn
- 62DFA4
≈ Medium Aquamarine
- 94C8FF
≈ Clear Sky
- FF9EDF
≈ Rose Daphne
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.66:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
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);
}