色名 · #EEB192
Apricot Preserves
Apricot Preservesは#EEB192：rgb(238 177 146)、hsl(20 73% 75%)、oklch(0.809 0.083 48.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Apricot Preserves color name →
#EEB192
oklch(0.809 0.083 48.1)
カラー変換
- HEX
- #eeb192
- RGB
- rgb(238 177 146)
- HSL
- hsl(20 73% 75%)
- HWB
- hwb(20 57% 7%)
- OKLCH
- oklch(0.809 0.083 48.1)
- OKLab
- oklab(0.809 0.056 0.062)
- CIE Lab
- lab(77.45 20.06 25.05)
- LCH
- lch(77.45 32.09 51.3)
- CMYK
- cmyk(0% 26% 39% 7%)
ティント · シェード · トーン
ティント
- F0B99D
- F2C1A8
- F4C8B3
- F6D0BD
- F8D8C8
- FAE0D3
- FBE8DE
- FDEFE9
- FEF7F4
シェード
- CF997E
- B1836B
- 936C58
- 775746
- 5C4235
- 422F25
- 2A1C16
- 140C08
- 030101
トーン
- E3AC90
- D8A78F
- CDA28D
- C19E8C
- B6998A
- AB9488
- A18F86
- 968A84
- 8B8582
カラーハーモニー
補色 +180°
- EEB192
Apricot Preserves
- 86CCEB
≈ Below Zero
類似色 -30° +30°
- EEB192
Apricot Preserves
- F2ABAC
≈ Faint of Heart
- DFBB83
≈ Honey Robber
トライアド +120° +240°
- EEB192
Apricot Preserves
- 8AD2B7
≈ Tropical Trail
- BEB9F4
≈ Purple Illusion
スプリットコンプリメンタリー +150° +210°
- EEB192
Apricot Preserves
- 7CD2D4
≈ Belize
- A0C3F7
≈ Sail to the Sea
テトラード +90° +180° +270°
- EEB192
Apricot Preserves
- A7CE9A
≈ Relaxation Green
- 86CCEB
≈ Below Zero
- D8B0E4
≈ Whisper of Plum
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.85:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.33:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--apricot-preserves: #eeb192;
--apricot-preserves-rgb: 238 177 146;
--apricot-preserves-oklch: oklch(0.809 0.083 48.1);
}
.element {
color: var(--apricot-preserves);
background-color: hsl(20 73% 75%);
border-color: oklch(0.809 0.083 48.1);
}Tailwind CSS v4
@theme {
--color-apricot-preserves: #eeb192;
--color-apricot-preserves-50: #ffefe0;
--color-apricot-preserves-100: #ffe1d0;
--color-apricot-preserves-200: #f3cbb5;
--color-apricot-preserves-300: #dbac92;
--color-apricot-preserves-400: #c89073;
--color-apricot-preserves-500: #b37554;
--color-apricot-preserves-600: #976348;
--color-apricot-preserves-700: #7a4f39;
--color-apricot-preserves-800: #5a3929;
--color-apricot-preserves-900: #3f271c;
--color-apricot-preserves-950: #28150c;
}SCSS
$apricot-preserves: #eeb192;
$apricot-preserves-rgb: 238, 177, 146;
$apricot-preserves-light: mix(#fff, $apricot-preserves, 20%);
$apricot-preserves-dark: mix(#000, $apricot-preserves, 20%);
.element {
color: $apricot-preserves;
box-shadow: 0 0 0 2px rgba($apricot-preserves, 0.35);
}