最も近い色名 · #FAF4E5
#FAF4E5
最も近い色名: Whiskers
#FAF4E5（rgb(250 244 229)、hsl(43 68% 94%)、oklch(0.968 0.021 88.7)）に最も近い色名はWhiskersです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FAF4E5
oklch(0.968 0.021 88.7)
カラー変換
- HEX
- #faf4e5
- RGB
- rgb(250 244 229)
- HSL
- hsl(43 68% 94%)
- HWB
- hwb(43 90% 2%)
- OKLCH
- oklch(0.968 0.021 88.7)
- OKLab
- oklab(0.968 0 0.021)
- CIE Lab
- lab(96.36 0.21 8)
- LCH
- lch(96.36 8.01 88.5)
- CMYK
- cmyk(0% 2% 8% 2%)
ティント · シェード · トーン
ティント
- FBF5E8
- FBF6EA
- FCF7ED
- FCF8EF
- FDFAF2
- FDFBF5
- FEFCF7
- FEFDFA
- FFFEFC
シェード
- D9D4C7
- BAB5AA
- 9B978E
- 7D7A72
- 615E58
- 46443F
- 2D2B28
- 151412
- 030303
トーン
- EDE8DA
- E0DCD0
- D4D0C6
- C7C4BB
- BBB8B1
- AFADA7
- A3A19D
- 979693
- 8B8B8A
カラーハーモニー
補色 +180°
- FAF4E5
Whiskers
- F0F4FF
≈ Boysenberry Shadow
類似色 -30° +30°
- FAF4E5
Whiskers
- FFF2E8
≈ Pico Ivory
- F3F7E7
≈ Bean Sprout
トライアド +120° +240°
- FAF4E5
Whiskers
- E5F9FC
≈ Calm Waters
- FDF0FB
≈ Pinkish White
スプリットコンプリメンタリー +150° +210°
- FAF4E5
Whiskers
- EAF6FF
≈ Clear Skies
- F6F2FF
≈ Cloud Break
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.09:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.13:1 · APCA Lc 101
最適な文字色: #000000
WCAG 19.13:1 (AAA) · APCA Lc 101
Contrast pairs
コードスニペット
CSS
:root {
--whiskers: #faf4e5;
--whiskers-rgb: 250 244 229;
--whiskers-oklch: oklch(0.968 0.021 88.7);
}
.element {
color: var(--whiskers);
background-color: hsl(43 68% 94%);
border-color: oklch(0.968 0.021 88.7);
}Tailwind CSS v4
@theme {
--color-whiskers: #faf4e5;
--color-whiskers-50: #f7f5ef;
--color-whiskers-100: #eae8e0;
--color-whiskers-200: #d7d4ca;
--color-whiskers-300: #bbb7ac;
--color-whiskers-400: #a39e91;
--color-whiskers-500: #8c8677;
--color-whiskers-600: #767165;
--color-whiskers-700: #5f5a50;
--color-whiskers-800: #45423a;
--color-whiskers-900: #302e28;
--color-whiskers-950: #1c1a16;
}SCSS
$whiskers: #faf4e5;
$whiskers-rgb: 250, 244, 229;
$whiskers-light: mix(#fff, $whiskers, 20%);
$whiskers-dark: mix(#000, $whiskers, 20%);
.element {
color: $whiskers;
box-shadow: 0 0 0 2px rgba($whiskers, 0.35);
}