En yakın adlandırılmış renk · #12AE94
#12AE94
En yakın adlandırılmış renk: Hobgoblin
#12AE94 (rgb(18 174 148), hsl(170 81% 38%), oklch(0.672 0.122 176.7)) en çok Hobgoblin 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.
#12AE94
oklch(0.672 0.122 176.7)
Renk dönüşümleri
- HEX
- #12ae94
- RGB
- rgb(18 174 148)
- HSL
- hsl(170 81% 38%)
- HWB
- hwb(170 7% 32%)
- OKLCH
- oklch(0.672 0.122 176.7)
- OKLab
- oklab(0.672 -0.122 0.007)
- CIE Lab
- lab(63.57 -43.09 2.38)
- LCH
- lch(63.57 43.16 176.8)
- CMYK
- cmyk(90% 0% 15% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 41B69E
- 5DBEA9
- 75C7B3
- 8BCFBE
- 9FD7C8
- B3DFD3
- C6E7DE
- D9EFE9
- ECF7F4
Koyu tonlar
- 0E9780
- 0A806D
- 076A5A
- 045548
- 024136
- 012E26
- 011C16
- 000B08
- 000101
Gri tonlar
- 31AA92
- 42A590
- 4FA18E
- 599C8C
- 61988A
- 699388
- 708E86
- 768A84
- 7B8582
Renk uyumları
Tamamlayıcı +180°
- 12AE94
Hobgoblin
- D17497
≈ Fiesta Pink
Analog -30° +30°
- 12AE94
Hobgoblin
- 5FAA68
≈ Deep Mint
- 00A9B9
≈ Bluebird
Üçlü +120° +240°
- 12AE94
Hobgoblin
- 9E85D8
≈ Indigo Bloom
- CE8144
≈ Sticky Toffee
Bölünmüş tamamlayıcı +150° +210°
- 12AE94
Hobgoblin
- BD7ABD
≈ Colombo Red Mauve
- D7766D
≈ Hearts Afire
Dörtlü +90° +180° +270°
- 12AE94
Hobgoblin
- 7393E1
≈ Little Boy Blue
- D17497
≈ Fiesta Pink
- B7902B
≈ Nugget
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--hobgoblin: #12ae94;
--hobgoblin-rgb: 18 174 148;
--hobgoblin-oklch: oklch(0.672 0.122 176.7);
}
.element {
color: var(--hobgoblin);
background-color: hsl(170 81% 38%);
border-color: oklch(0.672 0.122 176.7);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #12ae94;
--color-hobgoblin-50: #d1fff5;
--color-hobgoblin-100: #bcf6e8;
--color-hobgoblin-200: #99e6d5;
--color-hobgoblin-300: #6accb8;
--color-hobgoblin-400: #34b69d;
--color-hobgoblin-500: #009f84;
--color-hobgoblin-600: #008770;
--color-hobgoblin-700: #006c59;
--color-hobgoblin-800: #005040;
--color-hobgoblin-900: #00372c;
--color-hobgoblin-950: #002219;
}SCSS
$hobgoblin: #12ae94;
$hobgoblin-rgb: 18, 174, 148;
$hobgoblin-light: mix(#fff, $hobgoblin, 20%);
$hobgoblin-dark: mix(#000, $hobgoblin, 20%);
.element {
color: $hobgoblin;
box-shadow: 0 0 0 2px rgba($hobgoblin, 0.35);
}