이름 색상 · #FC8258
Ballet Cream
Ballet Cream은(는) #FC8258: rgb(252 130 88), hsl(15 96% 67%), oklch(0.737 0.16 39.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ballet Cream color name →
#FC8258
oklch(0.737 0.16 39.4)
색상 변환
- HEX
- #fc8258
- RGB
- rgb(252 130 88)
- HSL
- hsl(15 96% 67%)
- HWB
- hwb(15 35% 1%)
- OKLCH
- oklch(0.737 0.16 39.4)
- OKLab
- oklab(0.737 0.123 0.101)
- CIE Lab
- lab(68.21 45.17 44.61)
- LCH
- lch(68.21 63.49 44.6)
- CMYK
- cmyk(0% 48% 65% 1%)
틴트 · 셰이드 · 톤
틴트
- FE906A
- FF9D7B
- FFAA8C
- FFB69C
- FFC2AD
- FFCFBD
- FFDBCE
- FFE7DE
- FFF3EE
셰이드
- DB704B
- BB5F3F
- 9C4E33
- 7E3E28
- 622F1D
- 472012
- 2D1209
- 160603
- 030100
톤
- F0835E
- E48463
- D88468
- CC846C
- C08470
- B38474
- A78377
- 9A827A
- 8D817D
색 조화
보색 +180°
- FC8258
Ballet Cream
- 00BCE3
≈ Maldives
유사색 -30° +30°
- FC8258
Ballet Cream
- FC7A94
≈ Carnation
- E99404
≈ Gold Fusion
삼각 배색 +120° +240°
- FC8258
Ballet Cream
- 26C785
≈ Retro Lime
- 989FFF
≈ Cobalite
분열 보색 +150° +210°
- FC8258
Ballet Cream
- 00C3BB
≈ Swimmers Pool
- 5CAFFF
≈ Tiān Lán Sky
사각 배색 +90° +180° +270°
- FC8258
Ballet Cream
- 89BD44
≈ Spring Sprout
- 00BCE3
≈ Maldives
- C88BF5
≈ Liliac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.47:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.47:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.47:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--ballet-cream: #fc8258;
--ballet-cream-rgb: 252 130 88;
--ballet-cream-oklch: oklch(0.737 0.16 39.4);
}
.element {
color: var(--ballet-cream);
background-color: hsl(15 96% 67%);
border-color: oklch(0.737 0.16 39.4);
}Tailwind CSS v4
@theme {
--color-ballet-cream: #fc8258;
--color-ballet-cream-50: #ffe7d2;
--color-ballet-cream-100: #ffd7bf;
--color-ballet-cream-200: #ffbe9f;
--color-ballet-cream-300: #fc9a76;
--color-ballet-cream-400: #ec7952;
--color-ballet-cream-500: #da5725;
--color-ballet-cream-600: #b84a22;
--color-ballet-cream-700: #943b1b;
--color-ballet-cream-800: #6f2914;
--color-ballet-cream-900: #4e1c0d;
--color-ballet-cream-950: #330b02;
}SCSS
$ballet-cream: #fc8258;
$ballet-cream-rgb: 252, 130, 88;
$ballet-cream-light: mix(#fff, $ballet-cream, 20%);
$ballet-cream-dark: mix(#000, $ballet-cream, 20%);
.element {
color: $ballet-cream;
box-shadow: 0 0 0 2px rgba($ballet-cream, 0.35);
}