En yakın adlandırılmış renk · #098D5E
#098D5E
En yakın adlandırılmış renk: Center Field
#098D5E (rgb(9 141 94), hsl(159 88% 29%), oklch(0.569 0.125 160.8)) en çok Center Field adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#098D5E
oklch(0.569 0.125 160.8)
Renk dönüşümleri
- HEX
- #098d5e
- RGB
- rgb(9 141 94)
- HSL
- hsl(159 88% 29%)
- HWB
- hwb(159 4% 45%)
- OKLCH
- oklch(0.569 0.125 160.8)
- OKLab
- oklab(0.569 -0.118 0.041)
- CIE Lab
- lab(51.65 -42.11 15.77)
- LCH
- lch(51.65 44.96 159.5)
- CMYK
- cmyk(94% 0% 33% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 37986D
- 53A47C
- 6AAF8C
- 80BA9C
- 96C6AC
- ABD1BC
- C0DDCC
- D5E8DD
- EAF3EE
Koyu tonlar
- 077A51
- 056744
- 035537
- 02442B
- 01331F
- 012314
- 00140A
- 000703
- 000100
Gri tonlar
- 288C62
- 398B65
- 458A69
- 50896C
- 5A876F
- 628673
- 6A8576
- 728379
- 79827D
Renk uyumları
Tamamlayıcı +180°
- 098D5E
Center Field
- A7578D
≈ Cyclamen Red
Analog -30° +30°
- 098D5E
Center Field
- 5D852E
≈ Weeping Fig
- 008985
≈ Navigate
Üçlü +120° +240°
- 098D5E
Center Field
- 6B6CBF
≈ Purple Toolbox
- B35A39
≈ Overcast Brick
Bölünmüş tamamlayıcı +150° +210°
- 098D5E
Center Field
- 8E60AD
≈ Lusty Lavender
- B45465
≈ Kissed by a Zombies
Dörtlü +90° +180° +270°
- 098D5E
Center Field
- 367ABE
≈ Mykonos
- A7578D
≈ Cyclamen Red
- A46800
≈ Komodo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.21:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.98:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--center-field: #098d5e;
--center-field-rgb: 9 141 94;
--center-field-oklch: oklch(0.569 0.125 160.8);
}
.element {
color: var(--center-field);
background-color: hsl(159 88% 29%);
border-color: oklch(0.569 0.125 160.8);
}Tailwind CSS v4
@theme {
--color-center-field: #098d5e;
--color-center-field-50: #d6ffeb;
--color-center-field-100: #c3f6dc;
--color-center-field-200: #a3e6c5;
--color-center-field-300: #78cca5;
--color-center-field-400: #4fb586;
--color-center-field-500: #059f6a;
--color-center-field-600: #10865a;
--color-center-field-700: #0f6c48;
--color-center-field-800: #0c4f32;
--color-center-field-900: #083722;
--color-center-field-950: #002211;
}SCSS
$center-field: #098d5e;
$center-field-rgb: 9, 141, 94;
$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);
}