이름 색상 · #9FE2BF
Bright Sea Green
Bright Sea Green은(는) #9FE2BF: rgb(159 226 191), hsl(149 54% 75%), oklch(0.858 0.084 161.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bright Sea Green color name →
#9FE2BF
oklch(0.858 0.084 161.2)
색상 변환
- HEX
- #9fe2bf
- RGB
- rgb(159 226 191)
- HSL
- hsl(149 54% 75%)
- HWB
- hwb(149 62% 11%)
- OKLCH
- oklch(0.858 0.084 161.2)
- OKLab
- oklab(0.858 -0.079 0.027)
- CIE Lab
- lab(84.69 -27.37 10.11)
- LCH
- lch(84.69 29.18 159.7)
- CMYK
- cmyk(30% 0% 15% 11%)
틴트 · 셰이드 · 톤
틴트
- A9E5C5
- B3E8CC
- BDEBD2
- C7EED8
- D0F1DF
- DAF4E5
- E3F7EC
- ECF9F2
- F6FCF9
셰이드
- 8AC4A6
- 75A88D
- 618C75
- 4D715E
- 3B5748
- 293E33
- 18271F
- 09120D
- 010302
톤
- 9CD8B9
- 9ACEB2
- 97C4AC
- 94BAA5
- 91B09F
- 8EA699
- 8B9D93
- 87938C
- 848986
색 조화
보색 +180°
- 9FE2BF
Bright Sea Green
- F7BBE1
≈ Cotton Candy Aesthetic
유사색 -30° +30°
- 9FE2BF
Bright Sea Green
- BDDCA3
≈ Embroidered Silk
- 8DE2DE
≈ Aqua Fiesta
삼각 배색 +120° +240°
- 9FE2BF
Bright Sea Green
- C8CCFF
≈ Lavender Blue
- FFC0A8
≈ Porcellana
분열 보색 +150° +210°
- 9FE2BF
Bright Sea Green
- E2C1F9
≈ Jane Purple
- FFBCC4
≈ A Lot of Love
사각 배색 +90° +180° +270°
- 9FE2BF
Bright Sea Green
- AED4FF
≈ Ice Cold Stare
- F7BBE1
≈ Cotton Candy Aesthetic
- F3C894
≈ Mellow Moment
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.10:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--bright-sea-green: #9fe2bf;
--bright-sea-green-rgb: 159 226 191;
--bright-sea-green-oklch: oklch(0.858 0.084 161.2);
}
.element {
color: var(--bright-sea-green);
background-color: hsl(149 54% 75%);
border-color: oklch(0.858 0.084 161.2);
}Tailwind CSS v4
@theme {
--color-bright-sea-green: #9fe2bf;
--color-bright-sea-green-50: #e1fdee;
--color-bright-sea-green-100: #d0f1e0;
--color-bright-sea-green-200: #b5e0ca;
--color-bright-sea-green-300: #90c5ab;
--color-bright-sea-green-400: #70ae8f;
--color-bright-sea-green-500: #4e9774;
--color-bright-sea-green-600: #438063;
--color-bright-sea-green-700: #35674f;
--color-bright-sea-green-800: #274b38;
--color-bright-sea-green-900: #1a3426;
--color-bright-sea-green-950: #0a2015;
}SCSS
$bright-sea-green: #9fe2bf;
$bright-sea-green-rgb: 159, 226, 191;
$bright-sea-green-light: mix(#fff, $bright-sea-green, 20%);
$bright-sea-green-dark: mix(#000, $bright-sea-green, 20%);
.element {
color: $bright-sea-green;
box-shadow: 0 0 0 2px rgba($bright-sea-green, 0.35);
}