色名 · #FCDFA4
Honey Bee
Honey Beeは#FCDFA4：rgb(252 223 164)、hsl(40 94% 82%)、oklch(0.914 0.082 84.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Honey Bee color name →
#FCDFA4
oklch(0.914 0.082 84.7)
カラー変換
- HEX
- #fcdfa4
- RGB
- rgb(252 223 164)
- HSL
- hsl(40 94% 82%)
- HWB
- hwb(40 64% 1%)
- OKLCH
- oklch(0.914 0.082 84.7)
- OKLab
- oklab(0.914 0.008 0.081)
- CIE Lab
- lab(90.23 4.32 32.85)
- LCH
- lch(90.23 33.13 82.5)
- CMYK
- cmyk(0% 12% 35% 1%)
ティント · シェード · トーン
ティント
- FCE2AE
- FDE6B7
- FDE9C0
- FDECC9
- FEEFD2
- FEF2DB
- FEF6E4
- FFF9ED
- FFFCF6
シェード
- DBC28E
- BBA579
- 9C8A64
- 7E6F50
- 62563D
- 473D2B
- 2D271A
- 16120A
- 030201
トーン
- EFD5A1
- E2CB9E
- D5C29A
- C9B897
- BCAF93
- B0A590
- A49C8C
- 989288
- 8C8984
カラーハーモニー
補色 +180°
- FCDFA4
Honey Bee
- D5E3FF
≈ Stoic White
類似色 -30° +30°
- FCDFA4
Honey Bee
- FFDAC3
≈ Whispering Peach
- E1EAAB
≈ High Hopes
トライアド +120° +240°
- FCDFA4
Honey Bee
- A0F3FC
≈ Waterspout
- FDD2FF
≈ Pink Diamond
スプリットコンプリメンタリー +150° +210°
- FCDFA4
Honey Bee
- C4E9FF
≈ Blue Java Banana
- E4DDFF
≈ Contrail
テトラード +90° +180° +270°
- FCDFA4
Honey Bee
- A8F5DF
≈ Mintie
- D5E3FF
≈ Stoic White
- FFD6E4
≈ Powder Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.29:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.23:1 · APCA Lc 89
最適な文字色: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--honey-bee: #fcdfa4;
--honey-bee-rgb: 252 223 164;
--honey-bee-oklch: oklch(0.914 0.082 84.7);
}
.element {
color: var(--honey-bee);
background-color: hsl(40 94% 82%);
border-color: oklch(0.914 0.082 84.7);
}Tailwind CSS v4
@theme {
--color-honey-bee: #fcdfa4;
--color-honey-bee-50: #fff4db;
--color-honey-bee-100: #f4e7ca;
--color-honey-bee-200: #e4d3ad;
--color-honey-bee-300: #cab587;
--color-honey-bee-400: #b59b65;
--color-honey-bee-500: #9f8242;
--color-honey-bee-600: #876e39;
--color-honey-bee-700: #6c582d;
--color-honey-bee-800: #50401f;
--color-honey-bee-900: #382c15;
--color-honey-bee-950: #221906;
}SCSS
$honey-bee: #fcdfa4;
$honey-bee-rgb: 252, 223, 164;
$honey-bee-light: mix(#fff, $honey-bee, 20%);
$honey-bee-dark: mix(#000, $honey-bee, 20%);
.element {
color: $honey-bee;
box-shadow: 0 0 0 2px rgba($honey-bee, 0.35);
}