Nazwany kolor · #495A44
Cayman Green
Cayman Green to #495A44: rgb(73 90 68), hsl(106 14% 31%), oklch(0.446 0.041 138.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Cayman Green color name →
#495A44
oklch(0.446 0.041 138.6)
Konwersje koloru
- HEX
- #495a44
- RGB
- rgb(73 90 68)
- HSL
- hsl(106 14% 31%)
- HWB
- hwb(106 27% 65%)
- OKLCH
- oklch(0.446 0.041 138.6)
- OKLab
- oklab(0.446 -0.031 0.027)
- CIE Lab
- lab(36.3 -10.38 10.51)
- LCH
- lch(36.3 14.77 134.6)
- CMYK
- cmyk(19% 0% 24% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 596955
- 6A7966
- 7C8878
- 8D988A
- 9FA99D
- B2BAB0
- C5CBC3
- D8DCD7
- EBEDEB
Odcienie ciemniejsze
- 3E4D3A
- 344130
- 2A3526
- 20291D
- 171E14
- 0E130C
- 060905
- 020302
- 000000
Tony
- 4E5E4A
- 546250
- 596556
- 5F695C
- 646D62
- 6A7168
- 6F746E
- 757874
- 7A7C7A
Harmonie kolorów
Komplementarna +180°
- 495A44
Cayman Green
- 5E4D63
≈ Vivid Vision
Analogowa -30° +30°
- 495A44
Cayman Green
- 56563C
≈ Bronze Icon
- 3D5C50
≈ Woodlawn Green
Triada +120° +240°
- 495A44
Cayman Green
- 47556B
≈ Snoop
- 694B4B
≈ Painite
Komplementarna rozszczepiona +150° +210°
- 495A44
Cayman Green
- 53516A
≈ Magic Spell
- 664B58
≈ Berry Wine
Tetrada +90° +180° +270°
- 495A44
Cayman Green
- 3C5966
≈ Cadet Song
- 5E4D63
≈ Vivid Vision
- 684E40
≈ Deep Umber
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.42:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.82:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.42:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--cayman-green: #495a44;
--cayman-green-rgb: 73 90 68;
--cayman-green-oklch: oklch(0.446 0.041 138.6);
}
.element {
color: var(--cayman-green);
background-color: hsl(106 14% 31%);
border-color: oklch(0.446 0.041 138.6);
}Tailwind CSS v4
@theme {
--color-cayman-green: #495a44;
--color-cayman-green-50: #eff8ed;
--color-cayman-green-100: #e1ecdf;
--color-cayman-green-200: #cbd9c9;
--color-cayman-green-300: #adbda9;
--color-cayman-green-400: #93a58d;
--color-cayman-green-500: #798d73;
--color-cayman-green-600: #667761;
--color-cayman-green-700: #525f4e;
--color-cayman-green-800: #3c4638;
--color-cayman-green-900: #293026;
--color-cayman-green-950: #171d15;
}SCSS
$cayman-green: #495a44;
$cayman-green-rgb: 73, 90, 68;
$cayman-green-light: mix(#fff, $cayman-green, 20%);
$cayman-green-dark: mix(#000, $cayman-green, 20%);
.element {
color: $cayman-green;
box-shadow: 0 0 0 2px rgba($cayman-green, 0.35);
}