이름 색상 · #F0E2D3
Agrodolce
Agrodolce은(는) #F0E2D3: rgb(240 226 211), hsl(31 49% 88%), oklch(0.92 0.025 69.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Agrodolce color name →
#F0E2D3
oklch(0.92 0.025 69.4)
색상 변환
- HEX
- #f0e2d3
- RGB
- rgb(240 226 211)
- HSL
- hsl(31 49% 88%)
- HWB
- hwb(31 83% 6%)
- OKLCH
- oklch(0.92 0.025 69.4)
- OKLab
- oklab(0.92 0.009 0.024)
- CIE Lab
- lab(90.71 3.11 9.16)
- LCH
- lch(90.71 9.67 71.3)
- CMYK
- cmyk(0% 6% 12% 6%)
틴트 · 셰이드 · 톤
틴트
- F2E5D7
- F3E8DC
- F5EBE0
- F6EEE5
- F8F0E9
- F9F3ED
- FBF6F2
- FCF9F6
- FEFCFB
셰이드
- D1C4B7
- B2A89C
- 958C82
- 787169
- 5D5751
- 433E3A
- 2A2724
- 141210
- 030302
톤
- E4D8CA
- D9CEC2
- CDC4B9
- C2BAB1
- B6B0A9
- ABA6A0
- A09C98
- 959390
- 8B8988
색 조화
보색 +180°
- F0E2D3
Agrodolce
- D8E6F5
≈ Icicle Veil
유사색 -30° +30°
- F0E2D3
Agrodolce
- F4DFD8
≈ Angel Wing
- E8E5D2
≈ Sand Puffs
삼각 배색 +120° +240°
- F0E2D3
Agrodolce
- D3EAE8
≈ Retiring Blue
- EAE0F2
≈ Romantic Cruise
분열 보색 +150° +210°
- F0E2D3
Agrodolce
- D3E9F0
≈ Ice Cold
- E1E3F6
≈ Lavender Mist
사각 배색 +90° +180° +270°
- F0E2D3
Agrodolce
- D7EADF
≈ Icy Glacier
- D8E6F5
≈ Icicle Veil
- F1DEEA
≈ Mellow Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.52:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.52:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--agrodolce: #f0e2d3;
--agrodolce-rgb: 240 226 211;
--agrodolce-oklch: oklch(0.92 0.025 69.4);
}
.element {
color: var(--agrodolce);
background-color: hsl(31 49% 88%);
border-color: oklch(0.92 0.025 69.4);
}Tailwind CSS v4
@theme {
--color-agrodolce: #f0e2d3;
--color-agrodolce-50: #faf4ed;
--color-agrodolce-100: #ede7df;
--color-agrodolce-200: #dbd3c9;
--color-agrodolce-300: #c0b6aa;
--color-agrodolce-400: #a99c8f;
--color-agrodolce-500: #918474;
--color-agrodolce-600: #7b6f63;
--color-agrodolce-700: #62594f;
--color-agrodolce-800: #484139;
--color-agrodolce-900: #322d27;
--color-agrodolce-950: #1e1a15;
}SCSS
$agrodolce: #f0e2d3;
$agrodolce-rgb: 240, 226, 211;
$agrodolce-light: mix(#fff, $agrodolce, 20%);
$agrodolce-dark: mix(#000, $agrodolce, 20%);
.element {
color: $agrodolce;
box-shadow: 0 0 0 2px rgba($agrodolce, 0.35);
}