Adlandırılmış renk · #245336
Kaitoke Green
Kaitoke Green, #245336: rgb(36 83 54), hsl(143 39% 23%), oklch(0.4 0.071 154.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Kaitoke Green color name →
#245336
oklch(0.4 0.071 154.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3A6348
- 4E735A
- 63846D
- 789481
- 8EA595
- A4B7A9
- BAC8BE
- D1DAD3
- E8EDE9
Koyu tonlar
- 1E472E
- 183B25
- 12301E
- 0C2516
- 071B0F
- 041108
- 020803
- 000201
- 000000
Gri tonlar
- 2E583D
- 385C44
- 42614C
- 4B6553
- 546A5A
- 5D6E62
- 657369
- 6E7771
- 777C78
Renk uyumları
Tamamlayıcı +180°
- 245336
Kaitoke Green
- 5F3857
≈ Parma Plum Red
Analog -30° +30°
- 245336
Kaitoke Green
- 3F4E20
≈ Bronze Tone
- 00544C
≈ Plankton Green
Üçlü +120° +240°
- 245336
Kaitoke Green
- 3C446E
≈ Port Gore
- 69392D
≈ In Caffeine We Trust
Bölünmüş tamamlayıcı +150° +210°
- 245336
Kaitoke Green
- 503D67
≈ Geode
- 683643
≈ Chestnut Red
Dörtlü +90° +180° +270°
- 245336
Kaitoke Green
- 224B6C
≈ Indigo Cloth
- 5F3857
≈ Parma Plum Red
- 623F1A
≈ Pullman Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.87:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.36:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.87:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
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);
}