Najbliższy nazwany kolor · #008E59
#008E59
Najbliższy nazwany kolor: Center Field
#008E59 (rgb(0 142 89), hsl(158 100% 28%), oklch(0.57 0.132 158.5)) jest najbliższy nazwanemu kolorowi Center Field. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#008E59
oklch(0.57 0.132 158.5)
Konwersje koloru
- HEX
- #008e59
- RGB
- rgb(0 142 89)
- HSL
- hsl(158 100% 28%)
- HWB
- hwb(158 0% 44%)
- OKLCH
- oklch(0.57 0.132 158.5)
- OKLab
- oklab(0.57 -0.123 0.049)
- CIE Lab
- lab(51.83 -43.82 18.78)
- LCH
- lch(51.83 47.68 156.8)
- CMYK
- cmyk(100% 0% 37% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 359969
- 51A579
- 69B089
- 80BB99
- 95C6A9
- ABD2BA
- C0DDCB
- D5E8DC
- EAF4ED
Odcienie ciemniejsze
- 007B4C
- 006840
- 005634
- 004428
- 00341D
- 002413
- 001509
- 000703
- 000100
Tony
- 258D5D
- 378C61
- 448B65
- 4F8969
- 59886D
- 628771
- 6A8575
- 728379
- 79827C
Harmonie kolorów
Komplementarna +180°
- 008E59
Center Field
- A85592
≈ Brilliant Carmine
Analogowa -30° +30°
- 008E59
Center Field
- 608523
≈ Weeping Fig
- 008A83
≈ Clear Turquoise
Triada +120° +240°
- 008E59
Center Field
- 676DC3
≈ Purple Toolbox
- B75738
≈ Beef Patties
Komplementarna rozszczepiona +150° +210°
- 008E59
Center Field
- 8D5FB2
≈ Lusty Lavender
- B65168
≈ Extravagant Blush
Tetrada +90° +180° +270°
- 008E59
Center Field
- 2A7BC1
≈ Amalfi Coast
- A85592
≈ Brilliant Carmine
- A66700
≈ Butter Fudge
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.18:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.01:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--center-field: #008e59;
--center-field-rgb: 0 142 89;
--center-field-oklch: oklch(0.57 0.132 158.5);
}
.element {
color: var(--center-field);
background-color: hsl(158 100% 28%);
border-color: oklch(0.57 0.132 158.5);
}Tailwind CSS v4
@theme {
--color-center-field: #008e59;
--color-center-field-50: #d5ffe9;
--color-center-field-100: #c2f6d9;
--color-center-field-200: #a2e6c1;
--color-center-field-300: #76cca1;
--color-center-field-400: #4db681;
--color-center-field-500: #00a064;
--color-center-field-600: #088755;
--color-center-field-700: #0a6c44;
--color-center-field-800: #0a4f2f;
--color-center-field-900: #073720;
--color-center-field-950: #00220f;
}SCSS
$center-field: #008e59;
$center-field-rgb: 0, 142, 89;
$center-field-light: mix(#fff, $center-field, 20%);
$center-field-dark: mix(#000, $center-field, 20%);
.element {
color: $center-field;
box-shadow: 0 0 0 2px rgba($center-field, 0.35);
}