Najbliższy nazwany kolor · #6D7036
#6D7036
Najbliższy nazwany kolor: Crocodile Style
#6D7036 (rgb(109 112 54), hsl(63 35% 33%), oklch(0.529 0.08 111.5)) jest najbliższy nazwanemu kolorowi Crocodile Style. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6D7036
oklch(0.529 0.08 111.5)
Konwersje koloru
- HEX
- #6d7036
- RGB
- rgb(109 112 54)
- HSL
- hsl(63 35% 33%)
- HWB
- hwb(63 21% 56%)
- OKLCH
- oklch(0.529 0.08 111.5)
- OKLab
- oklab(0.529 -0.029 0.075)
- CIE Lab
- lab(45.96 -7.87 31.44)
- LCH
- lch(45.96 32.41 104)
- CMYK
- cmyk(3% 0% 52% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7A7E4A
- 888B5E
- 969971
- A4A785
- B3B598
- C2C4AC
- D1D2C1
- E0E1D5
- EFF0EA
Odcienie ciemniejsze
- 5E602E
- 4F5125
- 41431E
- 333516
- 26270F
- 191A08
- 0D0E03
- 040401
- 010100
Tony
- 6F723F
- 717347
- 72754E
- 747756
- 76785D
- 787A64
- 7A7C6B
- 7C7D72
- 7E7F79
Harmonie kolorów
Komplementarna +180°
- 6D7036
Crocodile Style
- 6C6396
≈ Dark Horizon
Analogowa -30° +30°
- 6D7036
Crocodile Style
- 836731
≈ By Gum
- 50774B
≈ Torrey Pine
Triada +120° +240°
- 6D7036
Crocodile Style
- 347492
≈ Soul Search
- 8F5871
≈ Blackberry Tint
Komplementarna rozszczepiona +150° +210°
- 6D7036
Crocodile Style
- 516C9A
≈ San Marino
- 815C88
≈ Muted Purple
Tetrada +90° +180° +270°
- 6D7036
Crocodile Style
- 21797F
≈ Blue Kelp
- 6C6396
≈ Dark Horizon
- 955857
≈ Baca Berry
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.02:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--crocodile-style: #6d7036;
--crocodile-style-rgb: 109 112 54;
--crocodile-style-oklch: oklch(0.529 0.08 111.5);
}
.element {
color: var(--crocodile-style);
background-color: hsl(63 35% 33%);
border-color: oklch(0.529 0.08 111.5);
}Tailwind CSS v4
@theme {
--color-crocodile-style: #6d7036;
--color-crocodile-style-50: #f5f8de;
--color-crocodile-style-100: #e7ebcd;
--color-crocodile-style-200: #d4d9b2;
--color-crocodile-style-300: #b7bc8d;
--color-crocodile-style-400: #a0a36b;
--color-crocodile-style-500: #888b4a;
--color-crocodile-style-600: #73763f;
--color-crocodile-style-700: #5c5e32;
--color-crocodile-style-800: #444523;
--color-crocodile-style-900: #2f3017;
--color-crocodile-style-950: #1c1c08;
}SCSS
$crocodile-style: #6d7036;
$crocodile-style-rgb: 109, 112, 54;
$crocodile-style-light: mix(#fff, $crocodile-style, 20%);
$crocodile-style-dark: mix(#000, $crocodile-style, 20%);
.element {
color: $crocodile-style;
box-shadow: 0 0 0 2px rgba($crocodile-style, 0.35);
}