色名 · #FFE9AC
Sweet as Honey
Sweet as Honeyは#FFE9AC：rgb(255 233 172)、hsl(44 100% 84%)、oklch(0.938 0.081 90.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Sweet as Honey color name →
#FFE9AC
oklch(0.938 0.081 90.5)
カラー変換
- HEX
- #ffe9ac
- RGB
- rgb(255 233 172)
- HSL
- hsl(44 100% 84%)
- HWB
- hwb(44 67% 0%)
- OKLCH
- oklch(0.938 0.081 90.5)
- OKLab
- oklab(0.938 -0.001 0.081)
- CIE Lab
- lab(93.09 1.36 32.6)
- LCH
- lch(93.09 32.63 87.6)
- CMYK
- cmyk(0% 9% 33% 0%)
ティント · シェード · トーン
ティント
- FFEBB5
- FFEEBD
- FFF0C6
- FFF2CE
- FFF4D6
- FFF6DF
- FFF9E7
- FFFBEF
- FFFDF7
シェード
- DECB95
- BEAD7F
- 9E9069
- 807454
- 635A40
- 48412D
- 2E291B
- 16130B
- 030301
トーン
- F2DEA8
- E4D3A4
- D7C9A0
- CABE9B
- BEB397
- B1A993
- A49E8E
- 989489
- 8C8A85
カラーハーモニー
補色 +180°
- FFE9AC
Sweet as Honey
- E3EAFF
≈ Glitter
類似色 -30° +30°
- FFE9AC
Sweet as Honey
- FFE5D0
≈ Lumber
- E2F3B6
≈ Spring Kiss
トライアド +120° +240°
- FFE9AC
Sweet as Honey
- C1F5FF
≈ Pale Sky
- FFDFFB
≈ Sugarpills
スプリットコンプリメンタリー +150° +210°
- FFE9AC
Sweet as Honey
- D7EEFF
≈ Ice Castle
- EEE6FF
≈ Bright Dusk
テトラード +90° +180° +270°
- FFE9AC
Sweet as Honey
- ADFDED
≈ Blister Pearl
- E3EAFF
≈ Glitter
- FFE2E9
≈ Baby Girl
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.19:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.50:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--sweet-as-honey: #ffe9ac;
--sweet-as-honey-rgb: 255 233 172;
--sweet-as-honey-oklch: oklch(0.938 0.081 90.5);
}
.element {
color: var(--sweet-as-honey);
background-color: hsl(44 100% 84%);
border-color: oklch(0.938 0.081 90.5);
}Tailwind CSS v4
@theme {
--color-sweet-as-honey: #ffe9ac;
--color-sweet-as-honey-50: #fdf5dc;
--color-sweet-as-honey-100: #f1e8ca;
--color-sweet-as-honey-200: #e0d4ad;
--color-sweet-as-honey-300: #c6b788;
--color-sweet-as-honey-400: #b19d66;
--color-sweet-as-honey-500: #9b8443;
--color-sweet-as-honey-600: #837039;
--color-sweet-as-honey-700: #69592d;
--color-sweet-as-honey-800: #4e411f;
--color-sweet-as-honey-900: #362d15;
--color-sweet-as-honey-950: #211a06;
}SCSS
$sweet-as-honey: #ffe9ac;
$sweet-as-honey-rgb: 255, 233, 172;
$sweet-as-honey-light: mix(#fff, $sweet-as-honey, 20%);
$sweet-as-honey-dark: mix(#000, $sweet-as-honey, 20%);
.element {
color: $sweet-as-honey;
box-shadow: 0 0 0 2px rgba($sweet-as-honey, 0.35);
}