色名 · #FCEBBF
Lemon Bubble
Lemon Bubbleは#FCEBBF：rgb(252 235 191)、hsl(43 91% 87%)、oklch(0.943 0.06 89.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lemon Bubble color name →
#FCEBBF
oklch(0.943 0.06 89.4)
カラー変換
- HEX
- #fcebbf
- RGB
- rgb(252 235 191)
- HSL
- hsl(43 91% 87%)
- HWB
- hwb(43 75% 1%)
- OKLCH
- oklch(0.943 0.06 89.4)
- OKLab
- oklab(0.943 0.001 0.06)
- CIE Lab
- lab(93.61 1.04 23.64)
- LCH
- lch(93.61 23.66 87.5)
- CMYK
- cmyk(0% 7% 24% 1%)
ティント · シェード · トーン
ティント
- FCEDC6
- FDEFCC
- FDF1D3
- FDF3D9
- FEF5DF
- FEF7E6
- FEF9EC
- FEFBF2
- FFFDF9
シェード
- DBCCA6
- BBAE8D
- 9C9175
- 7E755E
- 625B48
- 474133
- 2D291F
- 16130D
- 030302
トーン
- EFE0B9
- E2D5B2
- D5CAAC
- C9BFA6
- BCB4A0
- B0A999
- A49F93
- 98958D
- 8C8A86
カラーハーモニー
補色 +180°
- FCEBBF
Lemon Bubble
- E5ECFF
≈ Brilliant White
類似色 -30° +30°
- FCEBBF
Lemon Bubble
- FFE7D5
≈ Mood Lighting
- E7F3C6
≈ Freshman
トライアド +120° +240°
- FCEBBF
Lemon Bubble
- C5F6FF
≈ Pale Sky
- FFE1FC
≈ Fairy Salt
スプリットコンプリメンタリー +150° +210°
- FCEBBF
Lemon Bubble
- DAF0FF
≈ Calcareous Sinter
- EFE8FF
≈ Bright Dusk
テトラード +90° +180° +270°
- FCEBBF
Lemon Bubble
- C1FAED
≈ Glacial Drift
- E5ECFF
≈ Brilliant White
- FFE4EB
≈ Early Blossom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.77:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.77:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--lemon-bubble: #fcebbf;
--lemon-bubble-rgb: 252 235 191;
--lemon-bubble-oklch: oklch(0.943 0.06 89.4);
}
.element {
color: var(--lemon-bubble);
background-color: hsl(43 91% 87%);
border-color: oklch(0.943 0.06 89.4);
}Tailwind CSS v4
@theme {
--color-lemon-bubble: #fcebbf;
--color-lemon-bubble-50: #fbf5e2;
--color-lemon-bubble-100: #efe8d2;
--color-lemon-bubble-200: #ddd4b8;
--color-lemon-bubble-300: #c2b795;
--color-lemon-bubble-400: #ac9d76;
--color-lemon-bubble-500: #968557;
--color-lemon-bubble-600: #7f704a;
--color-lemon-bubble-700: #655a3b;
--color-lemon-bubble-800: #4b412a;
--color-lemon-bubble-900: #342d1c;
--color-lemon-bubble-950: #201a0c;
}SCSS
$lemon-bubble: #fcebbf;
$lemon-bubble-rgb: 252, 235, 191;
$lemon-bubble-light: mix(#fff, $lemon-bubble, 20%);
$lemon-bubble-dark: mix(#000, $lemon-bubble, 20%);
.element {
color: $lemon-bubble;
box-shadow: 0 0 0 2px rgba($lemon-bubble, 0.35);
}