이름 색상 · #95BE76
Leticiaz
Leticiaz은(는) #95BE76: rgb(149 190 118), hsl(94 36% 60%), oklch(0.754 0.107 132.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Leticiaz color name →
#95BE76
oklch(0.754 0.107 132.6)
색상 변환
- HEX
- #95be76
- RGB
- rgb(149 190 118)
- HSL
- hsl(94 36% 60%)
- HWB
- hwb(94 46% 25%)
- OKLCH
- oklch(0.754 0.107 132.6)
- OKLab
- oklab(0.754 -0.073 0.079)
- CIE Lab
- lab(72.69 -23.85 31.74)
- LCH
- lch(72.69 39.7 126.9)
- CMYK
- cmyk(22% 0% 38% 25%)
틴트 · 셰이드 · 톤
틴트
- 9FC584
- AACB92
- B4D29F
- BFD8AD
- C9DFBB
- D4E5C8
- DFECD6
- E9F2E3
- F4F9F1
셰이드
- 81A566
- 6D8C56
- 5A7547
- 485E38
- 374829
- 26331C
- 161F0F
- 080D05
- 010201
톤
- 93B878
- 91B279
- 8FAB7B
- 8DA57C
- 8B9F7D
- 89997E
- 87937F
- 848C7F
- 828680
색 조화
보색 +180°
- 95BE76
Leticiaz
- C79BE0
≈ Somewhere in a Fairytale
유사색 -30° +30°
- 95BE76
Leticiaz
- BCB25D
≈ Spring Marsh
- 69C59B
≈ Intense Jade
삼각 배색 +120° +240°
- 95BE76
Leticiaz
- 7DB3F2
≈ Fly Away
- EB929C
≈ Peony
분열 보색 +150° +210°
- 95BE76
Leticiaz
- A5A7F2
≈ Shy Moment
- DF94C2
≈ Firm Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.12:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.90:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--leticiaz: #95be76;
--leticiaz-rgb: 149 190 118;
--leticiaz-oklch: oklch(0.754 0.107 132.6);
}
.element {
color: var(--leticiaz);
background-color: hsl(94 36% 60%);
border-color: oklch(0.754 0.107 132.6);
}Tailwind CSS v4
@theme {
--color-leticiaz: #95be76;
--color-leticiaz-50: #e8fdde;
--color-leticiaz-100: #d9f0cd;
--color-leticiaz-200: #c1dfb1;
--color-leticiaz-300: #a0c48c;
--color-leticiaz-400: #86ac69;
--color-leticiaz-500: #6a9546;
--color-leticiaz-600: #5a7e3d;
--color-leticiaz-700: #486530;
--color-leticiaz-800: #354a20;
--color-leticiaz-900: #243315;
--color-leticiaz-950: #131f07;
}SCSS
$leticiaz: #95be76;
$leticiaz-rgb: 149, 190, 118;
$leticiaz-light: mix(#fff, $leticiaz, 20%);
$leticiaz-dark: mix(#000, $leticiaz, 20%);
.element {
color: $leticiaz;
box-shadow: 0 0 0 2px rgba($leticiaz, 0.35);
}