色名 · #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);
}