Warna bernama terdekat · #00AD94
#00AD94
Warna bernama terdekat: Hobgoblin
#00AD94 (rgb(0 173 148), hsl(171 100% 34%), oklch(0.669 0.124 177.5)) paling mendekati warna bernama Hobgoblin. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#00AD94
oklch(0.669 0.124 177.5)
Konversi warna
- HEX
- #00ad94
- RGB
- rgb(0 173 148)
- HSL
- hsl(171 100% 34%)
- HWB
- hwb(171 0% 32%)
- OKLCH
- oklch(0.669 0.124 177.5)
- OKLab
- oklab(0.669 -0.123 0.005)
- CIE Lab
- lab(63.14 -43.52 1.75)
- LCH
- lch(63.14 43.55 177.7)
- CMYK
- cmyk(100% 0% 14% 32%)
Tint · Shade · Tone
Tint
- 3DB59E
- 5BBEA9
- 73C6B3
- 89CEBE
- 9ED6C8
- B2DFD3
- C5E7DE
- D9EFE9
- ECF7F4
Shade
- 009680
- 007F6D
- 006A5A
- 005548
- 004136
- 002D26
- 001B16
- 000B08
- 000101
Tone
- 2CA992
- 3FA490
- 4CA08E
- 579C8C
- 60978A
- 689388
- 6F8E86
- 758984
- 7B8582
Harmoni warna
Komplementer +180°
- 00AD94
Hobgoblin
- D07395
≈ Fiesta Pink
Analog -30° +30°
- 00AD94
Hobgoblin
- 5CA967
≈ Deep Mint
- 00A8B9
≈ Bluebird
Triadik +120° +240°
- 00AD94
Hobgoblin
- 9E83D7
≈ Indigo Bloom
- CD8041
≈ Topaz
Split-komplementer +150° +210°
- 00AD94
Hobgoblin
- BD78BC
≈ Colombo Red Mauve
- D6756A
≈ Light Tomato
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.83:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.40:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.40:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--hobgoblin: #00ad94;
--hobgoblin-rgb: 0 173 148;
--hobgoblin-oklch: oklch(0.669 0.124 177.5);
}
.element {
color: var(--hobgoblin);
background-color: hsl(171 100% 34%);
border-color: oklch(0.669 0.124 177.5);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #00ad94;
--color-hobgoblin-50: #d0fff6;
--color-hobgoblin-100: #bcf6e9;
--color-hobgoblin-200: #98e6d6;
--color-hobgoblin-300: #68ccb9;
--color-hobgoblin-400: #31b69e;
--color-hobgoblin-500: #00a085;
--color-hobgoblin-600: #008771;
--color-hobgoblin-700: #006c5a;
--color-hobgoblin-800: #005040;
--color-hobgoblin-900: #00382c;
--color-hobgoblin-950: #002219;
}SCSS
$hobgoblin: #00ad94;
$hobgoblin-rgb: 0, 173, 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);
}