最も近い色名 · #FBEBEB
#FBEBEB
最も近い色名: Voracious White
#FBEBEB（rgb(251 235 235)、hsl(0 67% 95%)、oklch(0.953 0.017 17.5)）に最も近い色名はVoracious Whiteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FBEBEB
oklch(0.953 0.017 17.5)
カラー変換
- HEX
- #fbebeb
- RGB
- rgb(251 235 235)
- HSL
- hsl(0 67% 95%)
- HWB
- hwb(0 92% 2%)
- OKLCH
- oklch(0.953 0.017 17.5)
- OKLab
- oklab(0.953 0.017 0.005)
- CIE Lab
- lab(94.34 5.6 2.05)
- LCH
- lch(94.34 5.96 20.1)
- CMYK
- cmyk(0% 6% 6% 2%)
ティント · シェード · トーン
ティント
- FBEDED
- FCEFEF
- FCF1F1
- FDF3F3
- FDF5F5
- FDF7F7
- FEF9F9
- FEFBFB
- FFFDFD
シェード
- DACCCC
- BAAEAE
- 9C9191
- 7E7575
- 615B5B
- 464141
- 2D2929
- 151313
- 030303
トーン
- EEE0E0
- E1D5D5
- D5CACA
- C8BFBF
- BCB4B4
- AFA9A9
- A39F9F
- 979494
- 8C8A8A
カラーハーモニー
補色 +180°
- FBEBEB
Voracious White
- E3F3F3
≈ Bone-Chilling
類似色 -30° +30°
- FBEBEB
Voracious White
- F9EBF1
≈ Morning Shine
- FAECE6
≈ Frothy Milk
トライアド +120° +240°
- FBEBEB
Voracious White
- EAF2E7
≈ Chestnut White
- E8F0FB
≈ Cotton Boll
スプリットコンプリメンタリー +150° +210°
- FBEBEB
Voracious White
- E5F3ED
≈ Bath Bubbles
- E4F2F9
≈ Clear Vision
テトラード +90° +180° +270°
- FBEBEB
Voracious White
- F0F0E3
≈ Snowy Pine
- E3F3F3
≈ Bone-Chilling
- EEEEFB
≈ Carte Blanche
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.18:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.18:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--voracious-white: #fbebeb;
--voracious-white-rgb: 251 235 235;
--voracious-white-oklch: oklch(0.953 0.017 17.5);
}
.element {
color: var(--voracious-white);
background-color: hsl(0 67% 95%);
border-color: oklch(0.953 0.017 17.5);
}Tailwind CSS v4
@theme {
--color-voracious-white: #fbebeb;
--color-voracious-white-50: #faf3f3;
--color-voracious-white-100: #eee6e5;
--color-voracious-white-200: #dcd1d1;
--color-voracious-white-300: #c0b4b4;
--color-voracious-white-400: #a99b9b;
--color-voracious-white-500: #918282;
--color-voracious-white-600: #7b6e6e;
--color-voracious-white-700: #625858;
--color-voracious-white-800: #484040;
--color-voracious-white-900: #322c2c;
--color-voracious-white-950: #1e1919;
}SCSS
$voracious-white: #fbebeb;
$voracious-white-rgb: 251, 235, 235;
$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);
}