色名 · #F9D7CD
Strawberry Whip
Strawberry Whipは#F9D7CD：rgb(249 215 205)、hsl(14 79% 89%)、oklch(0.905 0.041 37)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Strawberry Whip color name →
#F9D7CD
oklch(0.905 0.041 37)
カラー変換
- HEX
- #f9d7cd
- RGB
- rgb(249 215 205)
- HSL
- hsl(14 79% 89%)
- HWB
- hwb(14 80% 2%)
- OKLCH
- oklch(0.905 0.041 37)
- OKLab
- oklab(0.905 0.032 0.024)
- CIE Lab
- lab(88.68 11.07 9.55)
- LCH
- lch(88.68 14.63 40.8)
- CMYK
- cmyk(0% 14% 18% 2%)
ティント · シェード · トーン
ティント
- FADBD2
- FADFD7
- FBE3DC
- FCE7E1
- FCEBE6
- FDEFEB
- FEF3F0
- FEF7F5
- FFFBFA
シェード
- D9BBB2
- B99F98
- 9A857E
- 7D6B66
- 61524E
- 463B38
- 2C2523
- 15110F
- 030202
トーン
- ECCEC5
- E0C5BD
- D3BCB5
- C7B3AD
- BBABA6
- AFA29E
- A39996
- 97918F
- 8C8887
カラーハーモニー
補色 +180°
- F9D7CD
Strawberry Whip
- C3E7F1
≈ Niagara Mist
類似色 -30° +30°
- F9D7CD
Strawberry Whip
- F9D5DB
≈ Petal Bloom
- F3DBC4
≈ Subtle Blush
トライアド +120° +240°
- F9D7CD
Strawberry Whip
- CBE8D5
≈ Glacial Water Green
- D8DEFB
≈ Nostalgia Perfume
スプリットコンプリメンタリー +150° +210°
- F9D7CD
Strawberry Whip
- C2E9E4
≈ Pool Party
- CBE3FA
≈ Fresh Water
テトラード +90° +180° +270°
- F9D7CD
Strawberry Whip
- D8E5C9
≈ Great Joy
- C3E7F1
≈ Niagara Mist
- E7D9F5
≈ Pouty Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.62:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--strawberry-whip: #f9d7cd;
--strawberry-whip-rgb: 249 215 205;
--strawberry-whip-oklch: oklch(0.905 0.041 37);
}
.element {
color: var(--strawberry-whip);
background-color: hsl(14 79% 89%);
border-color: oklch(0.905 0.041 37);
}Tailwind CSS v4
@theme {
--color-strawberry-whip: #f9d7cd;
--color-strawberry-whip-50: #fff2ed;
--color-strawberry-whip-100: #f5e4de;
--color-strawberry-whip-200: #e5cfc8;
--color-strawberry-whip-300: #cbb1a8;
--color-strawberry-whip-400: #b5978e;
--color-strawberry-whip-500: #9f7d73;
--color-strawberry-whip-600: #866a62;
--color-strawberry-whip-700: #6c554e;
--color-strawberry-whip-800: #4f3e39;
--color-strawberry-whip-900: #372a27;
--color-strawberry-whip-950: #221815;
}SCSS
$strawberry-whip: #f9d7cd;
$strawberry-whip-rgb: 249, 215, 205;
$strawberry-whip-light: mix(#fff, $strawberry-whip, 20%);
$strawberry-whip-dark: mix(#000, $strawberry-whip, 20%);
.element {
color: $strawberry-whip;
box-shadow: 0 0 0 2px rgba($strawberry-whip, 0.35);
}