이름 색상 · #13DA25
Green Wrasse
Green Wrasse은(는) #13DA25: rgb(19 218 37), hsl(125 84% 46%), oklch(0.772 0.253 143.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Wrasse color name →
#13DA25
oklch(0.772 0.253 143.2)
색상 변환
- HEX
- #13da25
- RGB
- rgb(19 218 37)
- HSL
- hsl(125 84% 46%)
- HWB
- hwb(125 7% 15%)
- OKLCH
- oklch(0.772 0.253 143.2)
- OKLab
- oklab(0.772 -0.202 0.151)
- CIE Lab
- lab(76.39 -68.9 66.89)
- LCH
- lch(76.39 96.02 135.8)
- CMYK
- cmyk(91% 0% 83% 15%)
틴트 · 셰이드 · 톤
틴트
- 48DF4A
- 66E364
- 7EE77A
- 93EB8F
- A6EFA2
- B9F3B5
- CBF6C8
- DDF9DB
- EEFCED
셰이드
- 0FBD1F
- 0BA219
- 078713
- 056C0D
- 035408
- 013C04
- 012502
- 001100
- 000200
톤
- 36D13A
- 49C849
- 56C054
- 60B75D
- 68AE65
- 6EA56C
- 749C72
- 799377
- 7D897C
색 조화
보색 +180°
- 13DA25
Green Wrasse
- F180FF
≈ Give Me Your Love
유사색 -30° +30°
- 13DA25
Green Wrasse
- B6BF00
≈ La Rioja
- 00D3AC
≈ Wild Caribbean Green
삼각 배색 +120° +240°
- 13DA25
Green Wrasse
- 8EB4FF
≈ Carolina Blue
- FF908C
≈ Prime Pink
분열 보색 +150° +210°
- 13DA25
Green Wrasse
- B8A4FF
≈ Shy Moment
- FF88BD
≈ Cochonnet
사각 배색 +90° +180° +270°
- 13DA25
Green Wrasse
- 40C3FF
≈ Shovel Knight
- F180FF
≈ Give Me Your Love
- FF964D
≈ Pastel Orange
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.08:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--green-wrasse: #13da25;
--green-wrasse-rgb: 19 218 37;
--green-wrasse-oklch: oklch(0.772 0.253 143.2);
}
.element {
color: var(--green-wrasse);
background-color: hsl(125 84% 46%);
border-color: oklch(0.772 0.253 143.2);
}Tailwind CSS v4
@theme {
--color-green-wrasse: #13da25;
--color-green-wrasse-50: #c8ffc9;
--color-green-wrasse-100: #b1ffb4;
--color-green-wrasse-200: #89f08f;
--color-green-wrasse-300: #4ed85e;
--color-green-wrasse-400: #00c107;
--color-green-wrasse-500: #00aa00;
--color-green-wrasse-600: #009000;
--color-green-wrasse-700: #007400;
--color-green-wrasse-800: #005500;
--color-green-wrasse-900: #003b00;
--color-green-wrasse-950: #002500;
}SCSS
$green-wrasse: #13da25;
$green-wrasse-rgb: 19, 218, 37;
$green-wrasse-light: mix(#fff, $green-wrasse, 20%);
$green-wrasse-dark: mix(#000, $green-wrasse, 20%);
.element {
color: $green-wrasse;
box-shadow: 0 0 0 2px rgba($green-wrasse, 0.35);
}