이름 색상 · #F2CDBB
Watusi
Watusi은(는) #F2CDBB: rgb(242 205 187), hsl(20 68% 84%), oklch(0.875 0.049 47.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Watusi color name →
#F2CDBB
oklch(0.875 0.049 47.5)
색상 변환
- HEX
- #f2cdbb
- RGB
- rgb(242 205 187)
- HSL
- hsl(20 68% 84%)
- HWB
- hwb(20 73% 5%)
- OKLCH
- oklch(0.875 0.049 47.5)
- OKLab
- oklab(0.875 0.033 0.036)
- CIE Lab
- lab(85.27 11.45 14.09)
- LCH
- lch(85.27 18.16 50.9)
- CMYK
- cmyk(0% 15% 23% 5%)
틴트 · 셰이드 · 톤
틴트
- F3D2C2
- F5D7C8
- F6DCCF
- F8E1D6
- F9E6DD
- FAEBE4
- FCF0EA
- FDF5F1
- FEFAF8
셰이드
- D2B2A2
- B4988A
- 967E73
- 79665C
- 5E4E46
- 433832
- 2B231F
- 140F0D
- 030202
톤
- E6C5B5
- DABDAF
- CFB5A9
- C3AEA3
- B8A69D
- AC9E97
- A19791
- 968F8C
- 8B8786
색 조화
보색 +180°
- F2CDBB
Watusi
- B5DDEF
≈ Seashore Dreams
유사색 -30° +30°
- F2CDBB
Watusi
- F4CACA
≈ Blushing Senorita
- E8D3B3
≈ Powdered Gold
삼각 배색 +120° +240°
- F2CDBB
Watusi
- B8E1CF
≈ Desert Mirage
- D3D2F5
≈ Pale Phthalo Blue
분열 보색 +150° +210°
- F2CDBB
Watusi
- B1E0E1
≈ Opal
- C2D8F6
≈ Oh Boy!
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.22:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--watusi: #f2cdbb;
--watusi-rgb: 242 205 187;
--watusi-oklch: oklch(0.875 0.049 47.5);
}
.element {
color: var(--watusi);
background-color: hsl(20 68% 84%);
border-color: oklch(0.875 0.049 47.5);
}Tailwind CSS v4
@theme {
--color-watusi: #f2cdbb;
--color-watusi-50: #fff1e9;
--color-watusi-100: #f6e4da;
--color-watusi-200: #e6cfc2;
--color-watusi-300: #cdb1a2;
--color-watusi-400: #b79686;
--color-watusi-500: #a27d6b;
--color-watusi-600: #896a5a;
--color-watusi-700: #6e5448;
--color-watusi-800: #513d34;
--color-watusi-900: #382a24;
--color-watusi-950: #231813;
}SCSS
$watusi: #f2cdbb;
$watusi-rgb: 242, 205, 187;
$watusi-light: mix(#fff, $watusi, 20%);
$watusi-dark: mix(#000, $watusi, 20%);
.element {
color: $watusi;
box-shadow: 0 0 0 2px rgba($watusi, 0.35);
}