Nazwany kolor · #177245
Cloudy Camouflage
Cloudy Camouflage to #177245: rgb(23 114 69), hsl(150 66% 27%), oklch(0.489 0.109 156). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Cloudy Camouflage color name →
#177245
oklch(0.489 0.109 156)
Konwersje koloru
- HEX
- #177245
- RGB
- rgb(23 114 69)
- HSL
- hsl(150 66% 27%)
- HWB
- hwb(150 9% 55%)
- OKLCH
- oklch(0.489 0.109 156)
- OKLab
- oklab(0.489 -0.1 0.044)
- CIE Lab
- lab(42.18 -35.39 17.31)
- LCH
- lch(42.18 39.4 153.9)
- CMYK
- cmyk(80% 0% 39% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 368056
- 4F8D68
- 659B79
- 7BA98C
- 91B79E
- A7C5B1
- BCD4C4
- D2E2D7
- E9F0EB
Odcienie ciemniejsze
- 12623B
- 0E5331
- 0A4427
- 06361E
- 042815
- 021B0C
- 010E05
- 000402
- 000100
Tony
- 29744B
- 377551
- 427757
- 4C785D
- 567A63
- 5F7B69
- 677D6E
- 707E74
- 787F7A
Harmonie kolorów
Komplementarna +180°
- 177245
Cloudy Camouflage
- 864678
≈ Visiona Red
Analogowa -30° +30°
- 177245
Cloudy Camouflage
- 516B1B
≈ Bowser Shell
- 007067
≈ Tide Pools
Triada +120° +240°
- 177245
Cloudy Camouflage
- 50599D
≈ Purple Frenzy
- 934632
≈ Dark Brazilian Topaz
Komplementarna rozszczepiona +150° +210°
- 177245
Cloudy Camouflage
- 704E91
≈ Parfait d’Amour
- 924257
≈ Raspberry Pudding
Tetrada +90° +180° +270°
- 177245
Cloudy Camouflage
- 1E659A
≈ Impulse Blue
- 864678
≈ Visiona Red
- 895100
≈ Caffeinated Cinnamon
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.95:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.52:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--cloudy-camouflage: #177245;
--cloudy-camouflage-rgb: 23 114 69;
--cloudy-camouflage-oklch: oklch(0.489 0.109 156);
}
.element {
color: var(--cloudy-camouflage);
background-color: hsl(150 66% 27%);
border-color: oklch(0.489 0.109 156);
}Tailwind CSS v4
@theme {
--color-cloudy-camouflage: #177245;
--color-cloudy-camouflage-50: #dcffe9;
--color-cloudy-camouflage-100: #caf4da;
--color-cloudy-camouflage-200: #ade3c3;
--color-cloudy-camouflage-300: #86c9a2;
--color-cloudy-camouflage-400: #64b283;
--color-cloudy-camouflage-500: #3c9b67;
--color-cloudy-camouflage-600: #358357;
--color-cloudy-camouflage-700: #2a6946;
--color-cloudy-camouflage-800: #1f4d31;
--color-cloudy-camouflage-900: #143621;
--color-cloudy-camouflage-950: #052110;
}SCSS
$cloudy-camouflage: #177245;
$cloudy-camouflage-rgb: 23, 114, 69;
$cloudy-camouflage-light: mix(#fff, $cloudy-camouflage, 20%);
$cloudy-camouflage-dark: mix(#000, $cloudy-camouflage, 20%);
.element {
color: $cloudy-camouflage;
box-shadow: 0 0 0 2px rgba($cloudy-camouflage, 0.35);
}