이름 색상 · #C6E1BC
Ambrosia
Ambrosia은(는) #C6E1BC: rgb(198 225 188), hsl(104 38% 81%), oklch(0.88 0.058 137.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Ambrosia color name →
#C6E1BC
oklch(0.88 0.058 137.2)
색상 변환
- HEX
- #c6e1bc
- RGB
- rgb(198 225 188)
- HSL
- hsl(104 38% 81%)
- HWB
- hwb(104 74% 12%)
- OKLCH
- oklch(0.88 0.058 137.2)
- OKLab
- oklab(0.88 -0.042 0.039)
- CIE Lab
- lab(86.8 -14.29 15.04)
- LCH
- lch(86.8 20.75 133.5)
- CMYK
- cmyk(12% 0% 16% 12%)
틴트 · 셰이드 · 톤
틴트
- CCE4C3
- D1E7C9
- D7EAD0
- DDEDD7
- E2F0DD
- E8F3E4
- EEF6EB
- F4F9F2
- F9FCF8
셰이드
- ACC4A3
- 92A78B
- 7A8B73
- 62705D
- 4B5647
- 353E32
- 21271F
- 0E120D
- 020202
톤
- BFD7B6
- B8CDB0
- B1C3AA
- A9B9A4
- A2AF9E
- 9BA698
- 959C92
- 8E938C
- 878986
색 조화
보색 +180°
- C6E1BC
Ambrosia
- E7CCF1
≈ Mousse aux Pruneaux
유사색 -30° +30°
- C6E1BC
Ambrosia
- DBDBAF
≈ Spring Thyme
- B4E4D0
≈ Crystal Rapids
삼각 배색 +120° +240°
- C6E1BC
Ambrosia
- C0DAFE
≈ Broad Daylight
- FBC9CA
≈ Elegant Light Rose
분열 보색 +150° +210°
- C6E1BC
Ambrosia
- D4D2FC
≈ Pale Phthalo Blue
- F5C9DF
≈ Laelia Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.89:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--ambrosia: #c6e1bc;
--ambrosia-rgb: 198 225 188;
--ambrosia-oklch: oklch(0.88 0.058 137.2);
}
.element {
color: var(--ambrosia);
background-color: hsl(104 38% 81%);
border-color: oklch(0.88 0.058 137.2);
}Tailwind CSS v4
@theme {
--color-ambrosia: #c6e1bc;
--color-ambrosia-50: #edf9ea;
--color-ambrosia-100: #deeddb;
--color-ambrosia-200: #c8dbc3;
--color-ambrosia-300: #a9bfa3;
--color-ambrosia-400: #8fa786;
--color-ambrosia-500: #748f6a;
--color-ambrosia-600: #62795a;
--color-ambrosia-700: #4f6148;
--color-ambrosia-800: #3a4733;
--color-ambrosia-900: #283123;
--color-ambrosia-950: #161d12;
}SCSS
$ambrosia: #c6e1bc;
$ambrosia-rgb: 198, 225, 188;
$ambrosia-light: mix(#fff, $ambrosia, 20%);
$ambrosia-dark: mix(#000, $ambrosia, 20%);
.element {
color: $ambrosia;
box-shadow: 0 0 0 2px rgba($ambrosia, 0.35);
}