이름 색상 · #245336
Kaitoke Green
Kaitoke Green은(는) #245336: rgb(36 83 54), hsl(143 39% 23%), oklch(0.4 0.071 154.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Kaitoke Green color name →
#245336
oklch(0.4 0.071 154.4)
색상 변환
- HEX
- #245336
- RGB
- rgb(36 83 54)
- HSL
- hsl(143 39% 23%)
- HWB
- hwb(143 14% 67%)
- OKLCH
- oklch(0.4 0.071 154.4)
- OKLab
- oklab(0.4 -0.064 0.031)
- CIE Lab
- lab(31.39 -22.54 11.96)
- LCH
- lch(31.39 25.52 152.1)
- CMYK
- cmyk(57% 0% 35% 67%)
틴트 · 셰이드 · 톤
틴트
- 3A6348
- 4E735A
- 63846D
- 789481
- 8EA595
- A4B7A9
- BAC8BE
- D1DAD3
- E8EDE9
셰이드
- 1E472E
- 183B25
- 12301E
- 0C2516
- 071B0F
- 041108
- 020803
- 000201
- 000000
톤
- 2E583D
- 385C44
- 42614C
- 4B6553
- 546A5A
- 5D6E62
- 657369
- 6E7771
- 777C78
색 조화
보색 +180°
- 245336
Kaitoke Green
- 5F3857
≈ Parma Plum Red
유사색 -30° +30°
- 245336
Kaitoke Green
- 3F4E20
≈ Bronze Tone
- 00544C
≈ Plankton Green
삼각 배색 +120° +240°
- 245336
Kaitoke Green
- 3C446E
≈ Port Gore
- 69392D
≈ In Caffeine We Trust
분열 보색 +150° +210°
- 245336
Kaitoke Green
- 503D67
≈ Geode
- 683643
≈ Chestnut Red
사각 배색 +90° +180° +270°
- 245336
Kaitoke Green
- 224B6C
≈ Indigo Cloth
- 5F3857
≈ Parma Plum Red
- 623F1A
≈ Pullman Brown
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.87:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.36:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.87:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--kaitoke-green: #245336;
--kaitoke-green-rgb: 36 83 54;
--kaitoke-green-oklch: oklch(0.4 0.071 154.4);
}
.element {
color: var(--kaitoke-green);
background-color: hsl(143 39% 23%);
border-color: oklch(0.4 0.071 154.4);
}Tailwind CSS v4
@theme {
--color-kaitoke-green: #245336;
--color-kaitoke-green-50: #e6fced;
--color-kaitoke-green-100: #d6f0de;
--color-kaitoke-green-200: #bddec8;
--color-kaitoke-green-300: #9ac3a9;
--color-kaitoke-green-400: #7dab8c;
--color-kaitoke-green-500: #5f9471;
--color-kaitoke-green-600: #517d60;
--color-kaitoke-green-700: #40644c;
--color-kaitoke-green-800: #2f4a36;
--color-kaitoke-green-900: #203325;
--color-kaitoke-green-950: #0f1f14;
}SCSS
$kaitoke-green: #245336;
$kaitoke-green-rgb: 36, 83, 54;
$kaitoke-green-light: mix(#fff, $kaitoke-green, 20%);
$kaitoke-green-dark: mix(#000, $kaitoke-green, 20%);
.element {
color: $kaitoke-green;
box-shadow: 0 0 0 2px rgba($kaitoke-green, 0.35);
}