色名 · #FFD775
Honey Glaze
Honey Glazeは#FFD775：rgb(255 215 117)、hsl(43 100% 73%)、oklch(0.894 0.125 87.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Honey Glaze color name →
#FFD775
oklch(0.894 0.125 87.6)
カラー変換
- HEX
- #ffd775
- RGB
- rgb(255 215 117)
- HSL
- hsl(43 100% 73%)
- HWB
- hwb(43 46% 0%)
- OKLCH
- oklch(0.894 0.125 87.6)
- OKLab
- oklab(0.894 0.005 0.125)
- CIE Lab
- lab(87.99 6.05 53.17)
- LCH
- lch(87.99 53.51 83.5)
- CMYK
- cmyk(0% 16% 54% 0%)
ティント · シェード · トーン
ティント
- FFDB85
- FFDF94
- FFE4A3
- FFE8B1
- FFECBE
- FFF0CB
- FFF4D9
- FFF7E5
- FFFBF2
シェード
- DEBB65
- BE9F55
- 9E8546
- 806B37
- 635229
- 483B1C
- 2E250F
- 161105
- 030201
トーン
- F2CE78
- E4C57B
- D7BD7D
- CAB47E
- BEAB80
- B1A280
- A59A81
- 989181
- 8C8981
カラーハーモニー
補色 +180°
- FFD775
Honey Glaze
- CDDCFF
≈ Arc Light
類似色 -30° +30°
- FFD775
Honey Glaze
- FFD2B1
≈ Papaya Whip
- D5E785
≈ Refreshed
トライアド +120° +240°
- FFD775
Honey Glaze
- 82EFFF
≈ Photon Projector
- FFC6FD
≈ Sugar Chic
スプリットコンプリメンタリー +150° +210°
- FFD775
Honey Glaze
- B8E3FF
≈ Dithered Sky
- E0D4FF
≈ Pale Lavender
テトラード +90° +180° +270°
- FFD775
Honey Glaze
- 71F7DB
≈ Tiffany Blue
- CDDCFF
≈ Arc Light
- FFCCDC
≈ Linnet Egg Red
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.22:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--honey-glaze: #ffd775;
--honey-glaze-rgb: 255 215 117;
--honey-glaze-oklch: oklch(0.894 0.125 87.6);
}
.element {
color: var(--honey-glaze);
background-color: hsl(43 100% 73%);
border-color: oklch(0.894 0.125 87.6);
}Tailwind CSS v4
@theme {
--color-honey-glaze: #ffd775;
--color-honey-glaze-50: #fff4cd;
--color-honey-glaze-100: #f8e7b9;
--color-honey-glaze-200: #e9d296;
--color-honey-glaze-300: #d1b569;
--color-honey-glaze-400: #be993b;
--color-honey-glaze-500: #a97f00;
--color-honey-glaze-600: #8f6c00;
--color-honey-glaze-700: #725600;
--color-honey-glaze-800: #563e00;
--color-honey-glaze-900: #3c2b00;
--color-honey-glaze-950: #261800;
}SCSS
$honey-glaze: #ffd775;
$honey-glaze-rgb: 255, 215, 117;
$honey-glaze-light: mix(#fff, $honey-glaze, 20%);
$honey-glaze-dark: mix(#000, $honey-glaze, 20%);
.element {
color: $honey-glaze;
box-shadow: 0 0 0 2px rgba($honey-glaze, 0.35);
}