最も近い色名 · #F9ECCF
#F9ECCF
最も近い色名: Honied White
#F9ECCF（rgb(249 236 207)、hsl(41 78% 89%)、oklch(0.946 0.041 86.7)）に最も近い色名はHonied Whiteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F9ECCF
oklch(0.946 0.041 86.7)
カラー変換
- HEX
- #f9eccf
- RGB
- rgb(249 236 207)
- HSL
- hsl(41 78% 89%)
- HWB
- hwb(41 81% 2%)
- OKLCH
- oklch(0.946 0.041 86.7)
- OKLab
- oklab(0.946 0.002 0.04)
- CIE Lab
- lab(93.88 1.13 15.78)
- LCH
- lch(93.88 15.82 85.9)
- CMYK
- cmyk(0% 5% 17% 2%)
ティント · シェード · トーン
ティント
- FAEED4
- FAF0D9
- FBF2DD
- FBF4E2
- FCF6E7
- FDF7EC
- FDF9F1
- FEFBF5
- FEFDFA
シェード
- D9CDB4
- B9AF99
- 9A927F
- 7D7667
- 615B4F
- 464238
- 2C2923
- 151310
- 030302
トーン
- ECE1C7
- E0D6BF
- D3CAB7
- C7BFAF
- BBB5A7
- AFAA9F
- A39F97
- 97958F
- 8B8A88
カラーハーモニー
補色 +180°
- F9ECCF
Honied White
- E5EDFF
≈ Brilliant White
類似色 -30° +30°
- F9ECCF
Honied White
- FFE8D9
≈ Guiding Star
- EBF1D3
≈ Monet Moonrise
トライアド +120° +240°
- F9ECCF
Honied White
- CFF5FB
≈ Vaporised
- FCE4FC
≈ Bunny Tail
スプリットコンプリメンタリー +150° +210°
- F9ECCF
Honied White
- DBF1FF
≈ Wizard White
- EFEAFF
≈ Placebo Purple
テトラード +90° +180° +270°
- F9ECCF
Honied White
- D2F7EC
≈ Mid Spring Morning
- E5EDFF
≈ Brilliant White
- FFE5ED
≈ Early Blossom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 17.92:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--honied-white: #f9eccf;
--honied-white-rgb: 249 236 207;
--honied-white-oklch: oklch(0.946 0.041 86.7);
}
.element {
color: var(--honied-white);
background-color: hsl(41 78% 89%);
border-color: oklch(0.946 0.041 86.7);
}Tailwind CSS v4
@theme {
--color-honied-white: #f9eccf;
--color-honied-white-50: #faf5e8;
--color-honied-white-100: #ede7d9;
--color-honied-white-200: #dbd4c1;
--color-honied-white-300: #c0b7a0;
--color-honied-white-400: #a99d84;
--color-honied-white-500: #928568;
--color-honied-white-600: #7b7058;
--color-honied-white-700: #635a46;
--color-honied-white-800: #494132;
--color-honied-white-900: #332d22;
--color-honied-white-950: #1e1a11;
}SCSS
$honied-white: #f9eccf;
$honied-white-rgb: 249, 236, 207;
$honied-white-light: mix(#fff, $honied-white, 20%);
$honied-white-dark: mix(#000, $honied-white, 20%);
.element {
color: $honied-white;
box-shadow: 0 0 0 2px rgba($honied-white, 0.35);
}