色名 · #FFF0B5
Dandelion Whisper
Dandelion Whisperは#FFF0B5：rgb(255 240 181)、hsl(48 100% 85%)、oklch(0.953 0.077 95.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Dandelion Whisper color name →
#FFF0B5
oklch(0.953 0.077 95.5)
カラー変換
- HEX
- #fff0b5
- RGB
- rgb(255 240 181)
- HSL
- hsl(48 100% 85%)
- HWB
- hwb(48 71% 0%)
- OKLCH
- oklch(0.953 0.077 95.5)
- OKLab
- oklab(0.953 -0.007 0.077)
- CIE Lab
- lab(94.96 -1.16 30.55)
- LCH
- lch(94.96 30.57 92.2)
- CMYK
- cmyk(0% 6% 29% 0%)
ティント · シェード · トーン
ティント
- FFF2BD
- FFF3C4
- FFF5CC
- FFF6D3
- FFF8DB
- FFF9E2
- FFFBE9
- FFFCF1
- FFFEF8
シェード
- DED19D
- BEB286
- 9E956F
- 807859
- 635D44
- 484330
- 2E2A1D
- 16140C
- 030302
トーン
- F2E4B0
- E4D9AB
- D7CDA6
- CAC2A0
- BDB79B
- B1AB96
- A4A090
- 98958B
- 8C8B86
カラーハーモニー
補色 +180°
- FFF0B5
Dandelion Whisper
- EBEFFF
≈ Carte Blanche
類似色 -30° +30°
- FFF0B5
Dandelion Whisper
- FFECDA
≈ Flowerbed
- E3F9C1
≈ Kiwi Kiss
トライアド +120° +240°
- FFF0B5
Dandelion Whisper
- D5F6FF
≈ Glacial Day
- FFE7F8
≈ Dolomite Crystal
スプリットコンプリメンタリー +150° +210°
- FFF0B5
Dandelion Whisper
- E3F2FF
≈ Wizard White
- F4EBFF
≈ Placebo Fuchsia
テトラード +90° +180° +270°
- FFF0B5
Dandelion Whisper
- BCFFF6
≈ Winter Meadow
- EBEFFF
≈ Carte Blanche
- FFE9ED
≈ Rose Mochi
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.38:1 · APCA Lc 98
最適な文字色: #000000
WCAG 18.38:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--dandelion-whisper: #fff0b5;
--dandelion-whisper-rgb: 255 240 181;
--dandelion-whisper-oklch: oklch(0.953 0.077 95.5);
}
.element {
color: var(--dandelion-whisper);
background-color: hsl(48 100% 85%);
border-color: oklch(0.953 0.077 95.5);
}Tailwind CSS v4
@theme {
--color-dandelion-whisper: #fff0b5;
--color-dandelion-whisper-50: #fbf6dd;
--color-dandelion-whisper-100: #efe9cc;
--color-dandelion-whisper-200: #ddd5b0;
--color-dandelion-whisper-300: #c2b88b;
--color-dandelion-whisper-400: #ac9f69;
--color-dandelion-whisper-500: #968648;
--color-dandelion-whisper-600: #7e713d;
--color-dandelion-whisper-700: #655b31;
--color-dandelion-whisper-800: #4b4222;
--color-dandelion-whisper-900: #342d16;
--color-dandelion-whisper-950: #201a08;
}SCSS
$dandelion-whisper: #fff0b5;
$dandelion-whisper-rgb: 255, 240, 181;
$dandelion-whisper-light: mix(#fff, $dandelion-whisper, 20%);
$dandelion-whisper-dark: mix(#000, $dandelion-whisper, 20%);
.element {
color: $dandelion-whisper;
box-shadow: 0 0 0 2px rgba($dandelion-whisper, 0.35);
}