Nazwany kolor · #298256
Kākāriki Green
Kākāriki Green to #298256: rgb(41 130 86), hsl(150 52% 34%), oklch(0.542 0.109 157.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Kākāriki Green color name →
#298256
oklch(0.542 0.109 157.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 438E66
- 5A9A76
- 6FA786
- 84B397
- 98C0A7
- ADCCB8
- C1D9CA
- D6E5DB
- EAF2ED
Odcienie ciemniejsze
- 22704A
- 1C5F3E
- 154E32
- 0F3E27
- 092F1C
- 052012
- 021208
- 010602
- 000100
Tony
- 37825A
- 42825F
- 4B8263
- 548267
- 5C826B
- 64826F
- 6C8174
- 738178
- 79807C
Harmonie kolorów
Komplementarna +180°
- 298256
Kākāriki Green
- 975586
≈ Àn Zǐ Purple
Analogowa -30° +30°
- 298256
Kākāriki Green
- 5D7B2F
≈ Hot Pepper Green
- 008179
≈ Green Garlands
Triada +120° +240°
- 298256
Kākāriki Green
- 6168AE
≈ Bellflower
- A4563F
≈ Ceramic Brown
Komplementarna rozszczepiona +150° +210°
- 298256
Kākāriki Green
- 815DA0
≈ Sonic Plum
- A35263
≈ Raspberry Patch
Tetrada +90° +180° +270°
- 298256
Kākāriki Green
- 3474AB
≈ Python Blue
- 975586
≈ Àn Zǐ Purple
- 986119
≈ Soft Tone Ink
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.74:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.42:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.74:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}