이름 색상 · #FFC196
Wispy White
Wispy White은(는) #FFC196: rgb(255 193 150), hsl(25 100% 79%), oklch(0.857 0.091 55.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Wispy White color name →
#FFC196
oklch(0.857 0.091 55.9)
색상 변환
- HEX
- #ffc196
- RGB
- rgb(255 193 150)
- HSL
- hsl(25 100% 79%)
- HWB
- hwb(25 59% 0%)
- OKLCH
- oklch(0.857 0.091 55.9)
- OKLab
- oklab(0.857 0.051 0.075)
- CIE Lab
- lab(83.09 19.05 30.76)
- LCH
- lch(83.09 36.18 58.2)
- CMYK
- cmyk(0% 24% 41% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC7A1
- FFCEAB
- FFD4B6
- FFDAC0
- FFE0CB
- FFE7D5
- FFEDE0
- FFF3EA
- FFF9F5
셰이드
- DEA782
- BE8F6E
- 9E775B
- 805F49
- 634937
- 483426
- 2E2016
- 160E08
- 030201
톤
- F2BA94
- E5B492
- D8AD90
- CBA78E
- BEA08C
- B29A8A
- A59388
- 998D85
- 8C8683
색 조화
보색 +180°
- FFC196
Wispy White
- 9BD9FF
≈ Shiva Blue
유사색 -30° +30°
- FFC196
Wispy White
- FFBDB6
≈ Melon Water
- EBCC8A
≈ Spaghetti Monster
삼각 배색 +120° +240°
- FFC196
Wispy White
- 8CE4CE
≈ Clean Green
- D4C6FF
≈ Innocent Snowdrop
분열 보색 +150° +210°
- FFC196
Wispy White
- 83E2ED
≈ Photon Barrier
- BBD0FF
≈ Ice Cold Stare
사각 배색 +90° +180° +270°
- FFC196
Wispy White
- AAE1AC
≈ Celadon
- 9BD9FF
≈ Shiva Blue
- F0BCF1
≈ Lovecloud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.32:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--wispy-white: #ffc196;
--wispy-white-rgb: 255 193 150;
--wispy-white-oklch: oklch(0.857 0.091 55.9);
}
.element {
color: var(--wispy-white);
background-color: hsl(25 100% 79%);
border-color: oklch(0.857 0.091 55.9);
}Tailwind CSS v4
@theme {
--color-wispy-white: #ffc196;
--color-wispy-white-50: #ffefdc;
--color-wispy-white-100: #ffe1cb;
--color-wispy-white-200: #f3cbaf;
--color-wispy-white-300: #dcac89;
--color-wispy-white-400: #c89069;
--color-wispy-white-500: #b47547;
--color-wispy-white-600: #98643d;
--color-wispy-white-700: #7a5031;
--color-wispy-white-800: #5b3923;
--color-wispy-white-900: #402717;
--color-wispy-white-950: #281508;
}SCSS
$wispy-white: #ffc196;
$wispy-white-rgb: 255, 193, 150;
$wispy-white-light: mix(#fff, $wispy-white, 20%);
$wispy-white-dark: mix(#000, $wispy-white, 20%);
.element {
color: $wispy-white;
box-shadow: 0 0 0 2px rgba($wispy-white, 0.35);
}