色名 · #FEEEED
Voracious White
Voracious Whiteは#FEEEED：rgb(254 238 237)、hsl(4 89% 96%)、oklch(0.961 0.017 21.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Voracious White color name →
#FEEEED
oklch(0.961 0.017 21.8)
カラー変換
- HEX
- #feeeed
- RGB
- rgb(254 238 237)
- HSL
- hsl(4 89% 96%)
- HWB
- hwb(4 93% 0%)
- OKLCH
- oklch(0.961 0.017 21.8)
- OKLab
- oklab(0.961 0.016 0.006)
- CIE Lab
- lab(95.36 5.46 2.53)
- LCH
- lch(95.36 6.02 24.9)
- CMYK
- cmyk(0% 6% 7% 0%)
ティント · シェード · トーン
ティント
- FEF0EF
- FEF1F1
- FEF3F2
- FEF5F4
- FFF6F6
- FFF8F8
- FFFAFA
- FFFCFB
- FFFDFD
シェード
- DDCFCE
- BDB1B0
- 9E9393
- 807777
- 635C5C
- 474242
- 2D2A2A
- 161414
- 030303
トーン
- F1E2E2
- E4D7D6
- D7CCCB
- CAC1C0
- BDB5B5
- B1AAAA
- A4A09F
- 989595
- 8C8A8A
カラーハーモニー
補色 +180°
- FEEEED
Voracious White
- E6F6F7
≈ Milky Way
類似色 -30° +30°
- FEEEED
Voracious White
- FCEEF3
≈ Pale Cherry Blossom
- FDEFE8
≈ Rose White
トライアド +120° +240°
- FEEEED
Voracious White
- ECF5EB
≈ Apple Flower
- ECF3FE
≈ Placebo Blue
スプリットコンプリメンタリー +150° +210°
- FEEEED
Voracious White
- E7F6F1
≈ Shiroi White
- E7F5FC
≈ Kodama White
テトラード +90° +180° +270°
- FEEEED
Voracious White
- F2F4E7
≈ Calcium
- E6F6F7
≈ Milky Way
- F2F0FD
≈ Cloud Break
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.12:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.66:1 · APCA Lc 99
最適な文字色: #000000
WCAG 18.66:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--voracious-white: #feeeed;
--voracious-white-rgb: 254 238 237;
--voracious-white-oklch: oklch(0.961 0.017 21.8);
}
.element {
color: var(--voracious-white);
background-color: hsl(4 89% 96%);
border-color: oklch(0.961 0.017 21.8);
}Tailwind CSS v4
@theme {
--color-voracious-white: #feeeed;
--color-voracious-white-50: #faf3f3;
--color-voracious-white-100: #eee6e5;
--color-voracious-white-200: #dcd1d1;
--color-voracious-white-300: #c0b4b3;
--color-voracious-white-400: #a99b9a;
--color-voracious-white-500: #928281;
--color-voracious-white-600: #7b6e6d;
--color-voracious-white-700: #635857;
--color-voracious-white-800: #484040;
--color-voracious-white-900: #322c2c;
--color-voracious-white-950: #1e1919;
}SCSS
$voracious-white: #feeeed;
$voracious-white-rgb: 254, 238, 237;
$voracious-white-light: mix(#fff, $voracious-white, 20%);
$voracious-white-dark: mix(#000, $voracious-white, 20%);
.element {
color: $voracious-white;
box-shadow: 0 0 0 2px rgba($voracious-white, 0.35);
}