Warna bernama terdekat · #457470
#457470
Warna bernama terdekat: Tropical Rain
#457470 (rgb(69 116 112), hsl(175 25% 36%), oklch(0.524 0.052 188.8)) paling mendekati warna bernama Tropical Rain. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#457470
oklch(0.524 0.052 188.8)
Konversi warna
- HEX
- #457470
- RGB
- rgb(69 116 112)
- HSL
- hsl(175 25% 36%)
- HWB
- hwb(175 27% 55%)
- OKLCH
- oklch(0.524 0.052 188.8)
- OKLab
- oklab(0.524 -0.051 -0.008)
- CIE Lab
- lab(45.4 -17.53 -3.12)
- LCH
- lch(45.4 17.81 190.1)
- CMYK
- cmyk(41% 0% 3% 55%)
Tint · Shade · Tone
Tint
- 57817D
- 698E8B
- 7B9C99
- 8EAAA7
- A0B7B5
- B3C5C3
- C5D4D2
- D8E2E1
- ECF0F0
Shade
- 3B6460
- 315451
- 274543
- 1E3735
- 152927
- 0C1B1A
- 050F0E
- 020504
- 000101
Tone
- 4C7572
- 527773
- 587875
- 5E7976
- 647A78
- 6A7B7A
- 707D7B
- 757E7D
- 7B7F7E
Harmoni warna
Komplementer +180°
- 457470
Tropical Rain
- 855E64
≈ Rabbit Paws
Analog -30° +30°
- 457470
Tropical Rain
- 50745F
≈ Painted Turtle
- 46727E
≈ Flip
Triadik +120° +240°
- 457470
Tropical Rain
- 736281
≈ Grape Compote
- 7E6549
≈ Arts and Crafts
Split-komplementer +150° +210°
- 457470
Tropical Rain
- 7F5F74
≈ Chicha Morada
- 856054
≈ Clove
Tetradik +90° +180° +270°
- 457470
Tropical Rain
- 636788
≈ Champion Blue
- 855E64
≈ Rabbit Paws
- 716B48
≈ Capulet Olive
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.26:1 · APCA Lc 76
Ag
FailDi atas hitam
WCAG 3.98:1 · APCA Lc 26
Warna teks terbaik: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Cuplikan kode
CSS
:root {
--tropical-rain: #457470;
--tropical-rain-rgb: 69 116 112;
--tropical-rain-oklch: oklch(0.524 0.052 188.8);
}
.element {
color: var(--tropical-rain);
background-color: hsl(175 25% 36%);
border-color: oklch(0.524 0.052 188.8);
}Tailwind CSS v4
@theme {
--color-tropical-rain: #457470;
--color-tropical-rain-50: #e5faf9;
--color-tropical-rain-100: #d5eeec;
--color-tropical-rain-200: #bcdcd9;
--color-tropical-rain-300: #9ac0be;
--color-tropical-rain-400: #7ba9a4;
--color-tropical-rain-500: #5c928d;
--color-tropical-rain-600: #4f7b77;
--color-tropical-rain-700: #3f635f;
--color-tropical-rain-800: #2d4845;
--color-tropical-rain-900: #1e3230;
--color-tropical-rain-950: #0e1e1c;
}SCSS
$tropical-rain: #457470;
$tropical-rain-rgb: 69, 116, 112;
$tropical-rain-light: mix(#fff, $tropical-rain, 20%);
$tropical-rain-dark: mix(#000, $tropical-rain, 20%);
.element {
color: $tropical-rain;
box-shadow: 0 0 0 2px rgba($tropical-rain, 0.35);
}