이름 색상 · #F38653
Crusta
Crusta은(는) #F38653: rgb(243 134 83), hsl(19 87% 64%), oklch(0.73 0.149 44.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Crusta color name →
#F38653
oklch(0.73 0.149 44.7)
색상 변환
- HEX
- #f38653
- RGB
- rgb(243 134 83)
- HSL
- hsl(19 87% 64%)
- HWB
- hwb(19 33% 5%)
- OKLCH
- oklch(0.73 0.149 44.7)
- OKLab
- oklab(0.73 0.106 0.105)
- CIE Lab
- lab(67.69 39.61 46.19)
- LCH
- lch(67.69 60.85 49.4)
- CMYK
- cmyk(0% 45% 66% 5%)
틴트 · 셰이드 · 톤
틴트
- F69366
- F89F78
- FAAC89
- FCB89A
- FDC4AB
- FED0BC
- FFDCCC
- FFE7DD
- FFF3EE
셰이드
- D37447
- B4623B
- 975130
- 7A4025
- 5E301B
- 442111
- 2B1308
- 140602
- 030100
톤
- E88659
- DD865F
- D18665
- C68669
- BB856E
- AF8572
- A48476
- 988379
- 8C817D
색 조화
보색 +180°
- F38653
Crusta
- 00B9E8
≈ Cyanite
유사색 -30° +30°
- F38653
Crusta
- F67D8A
≈ Momo Peach
- DE9819
≈ Tiger King
삼각 배색 +120° +240°
- F38653
Crusta
- 1EC490
≈ Píng Gǔo Lǜ Green
- 9F99FF
≈ Cobalite
분열 보색 +150° +210°
- F38653
Crusta
- 00C0C0
≈ Cala Benirrás Blue
- 66AAFF
≈ Âbi Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.51:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.34:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--crusta: #f38653;
--crusta-rgb: 243 134 83;
--crusta-oklch: oklch(0.73 0.149 44.7);
}
.element {
color: var(--crusta);
background-color: hsl(19 87% 64%);
border-color: oklch(0.73 0.149 44.7);
}Tailwind CSS v4
@theme {
--color-crusta: #f38653;
--color-crusta-50: #ffe9d2;
--color-crusta-100: #ffd9be;
--color-crusta-200: #ffc19e;
--color-crusta-300: #f69f74;
--color-crusta-400: #e57f4f;
--color-crusta-500: #d35e1f;
--color-crusta-600: #b2511d;
--color-crusta-700: #8f4017;
--color-crusta-800: #6b2d11;
--color-crusta-900: #4b1f0b;
--color-crusta-950: #310e01;
}SCSS
$crusta: #f38653;
$crusta-rgb: 243, 134, 83;
$crusta-light: mix(#fff, $crusta, 20%);
$crusta-dark: mix(#000, $crusta, 20%);
.element {
color: $crusta;
box-shadow: 0 0 0 2px rgba($crusta, 0.35);
}