Warna bernama · #748D70
Toad
Toad adalah #748D70: rgb(116 141 112), hsl(112 11% 50%), oklch(0.616 0.052 141.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Toad color name →
#748D70
oklch(0.616 0.052 141.2)
Konversi warna
- HEX
- #748d70
- RGB
- rgb(116 141 112)
- HSL
- hsl(112 11% 50%)
- HWB
- hwb(112 44% 45%)
- OKLCH
- oklch(0.616 0.052 141.2)
- OKLab
- oklab(0.616 -0.04 0.032)
- CIE Lab
- lab(56.05 -13.65 12.46)
- LCH
- lch(56.05 18.48 137.6)
- CMYK
- cmyk(18% 0% 21% 45%)
Tint · Shade · Tone
Tint
- 81987D
- 8EA38B
- 9CAE99
- AAB9A7
- B7C5B5
- C5D0C4
- D4DCD2
- E2E7E1
- F0F3F0
Shade
- 647A60
- 546751
- 455543
- 374435
- 293327
- 1B231A
- 0F140E
- 050704
- 010101
Tone
- 758C72
- 778A73
- 788975
- 798877
- 7A8778
- 7B857A
- 7D847B
- 7E837D
- 7F817E
Harmoni warna
Komplementer +180°
- 748D70
Toad
- 947B98
≈ Violet Persuasion
Analog -30° +30°
Triadik +120° +240°
- 748D70
Toad
- 7486A4
≈ Romanesque
- A27977
≈ Burlwood
Split-komplementer +150° +210°
- 748D70
Toad
- 8580A2
≈ Live Jazz
- 9E7888
≈ Dusky Orchid
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.62:1 · APCA Lc 64
Ag
AADi atas hitam
WCAG 5.78:1 · APCA Lc 38
Warna teks terbaik: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Cuplikan kode
CSS
:root {
--toad: #748d70;
--toad-rgb: 116 141 112;
--toad-oklch: oklch(0.616 0.052 141.2);
}
.element {
color: var(--toad);
background-color: hsl(112 11% 50%);
border-color: oklch(0.616 0.052 141.2);
}Tailwind CSS v4
@theme {
--color-toad: #748d70;
--color-toad-50: #edf9ec;
--color-toad-100: #deeddd;
--color-toad-200: #c8dac6;
--color-toad-300: #a8bfa7;
--color-toad-400: #8ea78a;
--color-toad-500: #748f6f;
--color-toad-600: #62795e;
--color-toad-700: #4e614b;
--color-toad-800: #394736;
--color-toad-900: #273125;
--color-toad-950: #151d13;
}SCSS
$toad: #748d70;
$toad-rgb: 116, 141, 112;
$toad-light: mix(#fff, $toad, 20%);
$toad-dark: mix(#000, $toad, 20%);
.element {
color: $toad;
box-shadow: 0 0 0 2px rgba($toad, 0.35);
}