이름 색상 · #298256
Kākāriki Green
Kākāriki Green은(는) #298256: rgb(41 130 86), hsl(150 52% 34%), oklch(0.542 0.109 157.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Kākāriki Green color name →
#298256
oklch(0.542 0.109 157.7)
색상 변환
- HEX
- #298256
- RGB
- rgb(41 130 86)
- HSL
- hsl(150 52% 34%)
- HWB
- hwb(150 16% 49%)
- OKLCH
- oklch(0.542 0.109 157.7)
- OKLab
- oklab(0.542 -0.101 0.041)
- CIE Lab
- lab(48.34 -35.58 15.92)
- LCH
- lch(48.34 38.98 155.9)
- CMYK
- cmyk(68% 0% 34% 49%)
틴트 · 셰이드 · 톤
틴트
- 438E66
- 5A9A76
- 6FA786
- 84B397
- 98C0A7
- ADCCB8
- C1D9CA
- D6E5DB
- EAF2ED
셰이드
- 22704A
- 1C5F3E
- 154E32
- 0F3E27
- 092F1C
- 052012
- 021208
- 010602
- 000100
톤
- 37825A
- 42825F
- 4B8263
- 548267
- 5C826B
- 64826F
- 6C8174
- 738178
- 79807C
색 조화
보색 +180°
- 298256
Kākāriki Green
- 975586
≈ Àn Zǐ Purple
유사색 -30° +30°
- 298256
Kākāriki Green
- 5D7B2F
≈ Hot Pepper Green
- 008179
≈ Green Garlands
삼각 배색 +120° +240°
- 298256
Kākāriki Green
- 6168AE
≈ Bellflower
- A4563F
≈ Ceramic Brown
분열 보색 +150° +210°
- 298256
Kākāriki Green
- 815DA0
≈ Sonic Plum
- A35263
≈ Raspberry Patch
사각 배색 +90° +180° +270°
- 298256
Kākāriki Green
- 3474AB
≈ Python Blue
- 975586
≈ Àn Zǐ Purple
- 986119
≈ Soft Tone Ink
대비 및 접근성
Ag
AA흰색 위
WCAG 4.74:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.42:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.74:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--kakariki-green: #298256;
--kakariki-green-rgb: 41 130 86;
--kakariki-green-oklch: oklch(0.542 0.109 157.7);
}
.element {
color: var(--kakariki-green);
background-color: hsl(150 52% 34%);
border-color: oklch(0.542 0.109 157.7);
}Tailwind CSS v4
@theme {
--color-kakariki-green: #298256;
--color-kakariki-green-50: #dcffea;
--color-kakariki-green-100: #caf4db;
--color-kakariki-green-200: #ace3c4;
--color-kakariki-green-300: #85c9a4;
--color-kakariki-green-400: #62b285;
--color-kakariki-green-500: #399c69;
--color-kakariki-green-600: #32835a;
--color-kakariki-green-700: #286947;
--color-kakariki-green-800: #1d4d32;
--color-kakariki-green-900: #133622;
--color-kakariki-green-950: #052111;
}SCSS
$kakariki-green: #298256;
$kakariki-green-rgb: 41, 130, 86;
$kakariki-green-light: mix(#fff, $kakariki-green, 20%);
$kakariki-green-dark: mix(#000, $kakariki-green, 20%);
.element {
color: $kakariki-green;
box-shadow: 0 0 0 2px rgba($kakariki-green, 0.35);
}