色名 · #FBCEB1
Lips of Apricot
Lips of Apricotは#FBCEB1：rgb(251 206 177)、hsl(24 90% 84%)、oklch(0.883 0.064 54.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Lips of Apricot color name →
#FBCEB1
oklch(0.883 0.064 54.5)
カラー変換
- HEX
- #fbceb1
- RGB
- rgb(251 206 177)
- HSL
- hsl(24 90% 84%)
- HWB
- hwb(24 69% 2%)
- OKLCH
- oklch(0.883 0.064 54.5)
- OKLab
- oklab(0.883 0.037 0.052)
- CIE Lab
- lab(86.19 13.38 20.76)
- LCH
- lch(86.19 24.7 57.2)
- CMYK
- cmyk(0% 18% 29% 2%)
ティント · シェード · トーン
ティント
- FCD3B9
- FCD8C1
- FDDDC8
- FDE2D0
- FEE7D8
- FEEBE0
- FEF0E8
- FFF5EF
- FFFAF7
シェード
- DAB399
- BA9883
- 9C7F6C
- 7E6657
- 614E42
- 46382F
- 2D231C
- 150F0C
- 030201
トーン
- EEC6AC
- E2BEA7
- D5B6A2
- C8AE9E
- BCA699
- B09F94
- A4978F
- 988F8A
- 8C8885
カラーハーモニー
補色 +180°
- FBCEB1
Lips of Apricot
- B0E0FD
≈ Fairy Sparkles
類似色 -30° +30°
- FBCEB1
Lips of Apricot
- FFC9C5
≈ Hooked Mimosa
- ECD6A9
≈ Sweet Marzipan
トライアド +120° +240°
- FBCEB1
Lips of Apricot
- ADE7D6
≈ Botanical Tint
- DAD1FF
≈ Pale Lavender
スプリットコンプリメンタリー +150° +210°
- FBCEB1
Lips of Apricot
- A6E5EC
≈ Blizzard Blue
- C6D9FF
≈ Pale Phthalo Blue
テトラード +90° +180° +270°
- FBCEB1
Lips of Apricot
- BFE4BF
≈ Lime Sorbet
- B0E0FD
≈ Fairy Sparkles
- EFCBF1
≈ Bubblegum Crisis
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.44:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.56:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--lips-of-apricot: #fbceb1;
--lips-of-apricot-rgb: 251 206 177;
--lips-of-apricot-oklch: oklch(0.883 0.064 54.5);
}
.element {
color: var(--lips-of-apricot);
background-color: hsl(24 90% 84%);
border-color: oklch(0.883 0.064 54.5);
}Tailwind CSS v4
@theme {
--color-lips-of-apricot: #fbceb1;
--color-lips-of-apricot-50: #fff1e4;
--color-lips-of-apricot-100: #f9e3d4;
--color-lips-of-apricot-200: #eaceba;
--color-lips-of-apricot-300: #d2b098;
--color-lips-of-apricot-400: #bd957b;
--color-lips-of-apricot-500: #a87b5d;
--color-lips-of-apricot-600: #8e684f;
--color-lips-of-apricot-700: #72533f;
--color-lips-of-apricot-800: #543c2e;
--color-lips-of-apricot-900: #3b291f;
--color-lips-of-apricot-950: #25170f;
}SCSS
$lips-of-apricot: #fbceb1;
$lips-of-apricot-rgb: 251, 206, 177;
$lips-of-apricot-light: mix(#fff, $lips-of-apricot, 20%);
$lips-of-apricot-dark: mix(#000, $lips-of-apricot, 20%);
.element {
color: $lips-of-apricot;
box-shadow: 0 0 0 2px rgba($lips-of-apricot, 0.35);
}