Warna bernama terdekat · #006E5D
#006E5D
Warna bernama terdekat: Tropical Rainforest
#006E5D (rgb(0 110 93), hsl(171 100% 22%), oklch(0.481 0.089 177.1)) paling mendekati warna bernama Tropical Rainforest. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#006E5D
oklch(0.481 0.089 177.1)
Konversi warna
- HEX
- #006e5d
- RGB
- rgb(0 110 93)
- HSL
- hsl(171 100% 22%)
- HWB
- hwb(171 0% 57%)
- OKLCH
- oklch(0.481 0.089 177.1)
- OKLab
- oklab(0.481 -0.089 0.005)
- CIE Lab
- lab(40.96 -31.43 1.5)
- LCH
- lch(40.96 31.46 177.3)
- CMYK
- cmyk(100% 0% 15% 57%)
Tint · Shade · Tone
Tint
- 2E7C6C
- 498A7B
- 60988A
- 77A69A
- 8EB5AA
- A4C3BB
- BBD2CB
- D1E1DC
- E8F0EE
Shade
- 005F50
- 005043
- 004137
- 00332A
- 00261F
- 001914
- 000E0A
- 000403
- 000100
Tone
- 1F7060
- 307264
- 3D7467
- 48766B
- 53786E
- 5C7972
- 667B75
- 6F7D79
- 777E7C
Harmoni warna
Komplementer +180°
- 006E5D
Tropical Rainforest
- 85475F
≈ Redcurrant
Analog -30° +30°
- 006E5D
Tropical Rainforest
- 386B3F
≈ Arcala Green
- 006B76
≈ Mary Blue
Triadik +120° +240°
- 006E5D
Tropical Rainforest
- 63528A
≈ Fine Purple
- 835026
≈ Lamb Chop
Split-komplementer +150° +210°
- 006E5D
Tropical Rainforest
- 784B78
≈ Cabbage Blossom Violet
- 894942
≈ Henna
Tetradik +90° +180° +270°
- 006E5D
Tropical Rainforest
- 475C90
≈ Blue Dude
- 85475F
≈ Redcurrant
- 745A15
≈ Hot Mustard
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 6.19:1 · APCA Lc 80
Ag
FailDi atas hitam
WCAG 3.38:1 · APCA Lc 21
Warna teks terbaik: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 80
Contrast pairs
Cuplikan kode
CSS
:root {
--tropical-rainforest: #006e5d;
--tropical-rainforest-rgb: 0 110 93;
--tropical-rainforest-oklch: oklch(0.481 0.089 177.1);
}
.element {
color: var(--tropical-rainforest);
background-color: hsl(171 100% 22%);
border-color: oklch(0.481 0.089 177.1);
}Tailwind CSS v4
@theme {
--color-tropical-rainforest: #006e5d;
--color-tropical-rainforest-50: #dbfef6;
--color-tropical-rainforest-100: #c9f2e8;
--color-tropical-rainforest-200: #abe1d5;
--color-tropical-rainforest-300: #84c7b8;
--color-tropical-rainforest-400: #5fb09d;
--color-tropical-rainforest-500: #339985;
--color-tropical-rainforest-600: #2d8271;
--color-tropical-rainforest-700: #24685a;
--color-tropical-rainforest-800: #194c41;
--color-tropical-rainforest-900: #11352c;
--color-tropical-rainforest-950: #03201a;
}SCSS
$tropical-rainforest: #006e5d;
$tropical-rainforest-rgb: 0, 110, 93;
$tropical-rainforest-light: mix(#fff, $tropical-rainforest, 20%);
$tropical-rainforest-dark: mix(#000, $tropical-rainforest, 20%);
.element {
color: $tropical-rainforest;
box-shadow: 0 0 0 2px rgba($tropical-rainforest, 0.35);
}