Warna bernama terdekat · #26AE90
#26AE90
Warna bernama terdekat: Hobgoblin
#26AE90 (rgb(38 174 144), hsl(167 64% 42%), oklch(0.674 0.12 173.5)) paling mendekati warna bernama Hobgoblin. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#26AE90
oklch(0.674 0.12 173.5)
Konversi warna
- HEX
- #26ae90
- RGB
- rgb(38 174 144)
- HSL
- hsl(167 64% 42%)
- HWB
- hwb(167 15% 32%)
- OKLCH
- oklch(0.674 0.12 173.5)
- OKLab
- oklab(0.674 -0.119 0.014)
- CIE Lab
- lab(63.73 -42.17 4.85)
- LCH
- lch(63.73 42.45 173.4)
- CMYK
- cmyk(78% 0% 17% 32%)
Tint · Shade · Tone
Tint
- 49B69B
- 63BEA5
- 79C7B0
- 8ECFBB
- A1D7C6
- B5DFD1
- C7E7DD
- DAEFE8
- EDF7F3
Shade
- 20977D
- 19806A
- 136A57
- 0D5545
- 084134
- 042E24
- 021C15
- 010B07
- 000101
Tone
- 3AAA8E
- 48A58D
- 53A18B
- 5C9C8A
- 649788
- 6B9386
- 718E85
- 768A83
- 7B8582
Harmoni warna
Komplementer +180°
- 26AE90
Hobgoblin
- CF769C
≈ Camellia Pink
Analog -30° +30°
- 26AE90
Hobgoblin
- 67A965
≈ Ferntastic
- 00AAB6
≈ Bluebird
Triadik +120° +240°
- 26AE90
Hobgoblin
- 9A87D9
≈ Perrywinkle
- CF804A
≈ Sticky Toffee
Split-komplementer +150° +210°
- 26AE90
Hobgoblin
- BA7CC1
≈ Colombo Red Mauve
- D67772
≈ Hearts Afire
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.78:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.53:1 · APCA Lc 49
Warna teks terbaik: #000000
WCAG 7.53:1 (AAA) · APCA Lc 49
Contrast pairs
Cuplikan kode
CSS
:root {
--hobgoblin: #26ae90;
--hobgoblin-rgb: 38 174 144;
--hobgoblin-oklch: oklch(0.674 0.12 173.5);
}
.element {
color: var(--hobgoblin);
background-color: hsl(167 64% 42%);
border-color: oklch(0.674 0.12 173.5);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #26ae90;
--color-hobgoblin-50: #d2fff3;
--color-hobgoblin-100: #bef6e6;
--color-hobgoblin-200: #9ce6d2;
--color-hobgoblin-300: #6eccb4;
--color-hobgoblin-400: #3eb598;
--color-hobgoblin-500: #009f7f;
--color-hobgoblin-600: #00866c;
--color-hobgoblin-700: #006c56;
--color-hobgoblin-800: #004f3d;
--color-hobgoblin-900: #00372a;
--color-hobgoblin-950: #002218;
}SCSS
$hobgoblin: #26ae90;
$hobgoblin-rgb: 38, 174, 144;
$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);
}