이름 색상 · #94FF94
Cobalt Green
Cobalt Green은(는) #94FF94: rgb(148 255 148), hsl(120 100% 79%), oklch(0.91 0.174 144). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Cobalt Green color name →
#94FF94
oklch(0.91 0.174 144)
색상 변환
- HEX
- #94ff94
- RGB
- rgb(148 255 148)
- HSL
- hsl(120 100% 79%)
- HWB
- hwb(120 58% 0%)
- OKLCH
- oklch(0.91 0.174 144)
- OKLab
- oklab(0.91 -0.141 0.102)
- CIE Lab
- lab(91.72 -47.98 40.99)
- LCH
- lch(91.72 63.1 139.5)
- CMYK
- cmyk(42% 0% 42% 0%)
틴트 · 셰이드 · 톤
틴트
- A1FFA0
- ACFFAB
- B8FFB6
- C3FFC1
- CDFFCC
- D8FFD6
- E2FFE0
- ECFFEB
- F5FFF5
셰이드
- 80DE80
- 6DBE6D
- 5A9E5A
- 488048
- 366336
- 264826
- 162E16
- 081608
- 010301
톤
- 93F293
- 93E592
- 91D890
- 90CB8E
- 8EBE8D
- 8CB28A
- 89A588
- 869986
- 838C83
색 조화
보색 +180°
- 94FF94
Cobalt Green
- FCD1FF
≈ Pink Diamond
유사색 -30° +30°
- 94FF94
Cobalt Green
- E1EE52
≈ Pineapple High
- 6CFFDA
≈ Spindrift
삼각 배색 +120° +240°
- 94FF94
Cobalt Green
- D3E2FF
≈ Contrail
- FFD6D3
≈ Bleached Coral
분열 보색 +150° +210°
- 94FF94
Cobalt Green
- E2DCFF
≈ Transparent Blue
- FFD4E4
≈ Poplar Pink
사각 배색 +90° +180° +270°
- 94FF94
Cobalt Green
- C1E8FF
≈ Blue Java Banana
- FCD1FF
≈ Pink Diamond
- FFD9C1
≈ Sun-Kissed Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.23:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 16.99:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 16.99:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--cobalt-green: #94ff94;
--cobalt-green-rgb: 148 255 148;
--cobalt-green-oklch: oklch(0.91 0.174 144);
}
.element {
color: var(--cobalt-green);
background-color: hsl(120 100% 79%);
border-color: oklch(0.91 0.174 144);
}Tailwind CSS v4
@theme {
--color-cobalt-green: #94ff94;
--color-cobalt-green-50: #d6ffd8;
--color-cobalt-green-100: #c3f8c5;
--color-cobalt-green-200: #a3e9a7;
--color-cobalt-green-300: #78cf80;
--color-cobalt-green-400: #54b856;
--color-cobalt-green-500: #1ba22a;
--color-cobalt-green-600: #1c8926;
--color-cobalt-green-700: #176e1e;
--color-cobalt-green-800: #14500f;
--color-cobalt-green-900: #0d380a;
--color-cobalt-green-950: #012200;
}SCSS
$cobalt-green: #94ff94;
$cobalt-green-rgb: 148, 255, 148;
$cobalt-green-light: mix(#fff, $cobalt-green, 20%);
$cobalt-green-dark: mix(#000, $cobalt-green, 20%);
.element {
color: $cobalt-green;
box-shadow: 0 0 0 2px rgba($cobalt-green, 0.35);
}