色名 · #F4EEE5
Whitetail
Whitetailは#F4EEE5：rgb(244 238 229)、hsl(36 41% 93%)、oklch(0.951 0.014 78.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Whitetail color name →
#F4EEE5
oklch(0.951 0.014 78.3)
カラー変換
- HEX
- #f4eee5
- RGB
- rgb(244 238 229)
- HSL
- hsl(36 41% 93%)
- HWB
- hwb(36 90% 4%)
- OKLCH
- oklch(0.951 0.014 78.3)
- OKLab
- oklab(0.951 0.003 0.013)
- CIE Lab
- lab(94.39 0.94 5.12)
- LCH
- lch(94.39 5.21 79.6)
- CMYK
- cmyk(0% 2% 6% 4%)
ティント · シェード · トーン
ティント
- F5F0E8
- F6F1EA
- F7F3ED
- F8F5EF
- F9F6F2
- FBF8F5
- FCFAF7
- FDFCFA
- FEFDFC
シェード
- D4CFC7
- B5B1AA
- 97938E
- 7A7772
- 5E5C58
- 44423F
- 2B2A28
- 141412
- 030303
トーン
- E8E2DA
- DCD7D0
- D0CCC6
- C4C1BB
- B8B5B1
- ADAAA7
- A1A09D
- 969593
- 8B8A8A
カラーハーモニー
補色 +180°
- F4EEE5
Whitetail
- E9EFF8
≈ First Snow
類似色 -30° +30°
- F4EEE5
Whitetail
- F7ECE7
≈ Windmill
- EFF0E5
≈ Oyster Island
トライアド +120° +240°
- F4EEE5
Whitetail
- E5F2F2
≈ Ethereal White
- F3ECF5
≈ Snow Plum
スプリットコンプリメンタリー +150° +210°
- F4EEE5
Whitetail
- E6F1F6
≈ Clear Vision
- EEEEF8
≈ Silver Phoenix
テトラード +90° +180° +270°
- F4EEE5
Whitetail
- E7F2ED
≈ Astronomer
- E9EFF8
≈ First Snow
- F6EBF0
≈ Clichy White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.20:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--whitetail: #f4eee5;
--whitetail-rgb: 244 238 229;
--whitetail-oklch: oklch(0.951 0.014 78.3);
}
.element {
color: var(--whitetail);
background-color: hsl(36 41% 93%);
border-color: oklch(0.951 0.014 78.3);
}Tailwind CSS v4
@theme {
--color-whitetail: #f4eee5;
--color-whitetail-50: #f7f5f1;
--color-whitetail-100: #eae7e3;
--color-whitetail-200: #d7d4ce;
--color-whitetail-300: #bbb7b0;
--color-whitetail-400: #a39e96;
--color-whitetail-500: #8b857c;
--color-whitetail-600: #767169;
--color-whitetail-700: #5e5a54;
--color-whitetail-800: #45423d;
--color-whitetail-900: #302d2a;
--color-whitetail-950: #1c1a18;
}SCSS
$whitetail: #f4eee5;
$whitetail-rgb: 244, 238, 229;
$whitetail-light: mix(#fff, $whitetail, 20%);
$whitetail-dark: mix(#000, $whitetail, 20%);
.element {
color: $whitetail;
box-shadow: 0 0 0 2px rgba($whitetail, 0.35);
}