Nazwany kolor · #748D70
Toad
Toad to #748D70: rgb(116 141 112), hsl(112 11% 50%), oklch(0.616 0.052 141.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Toad color name →
#748D70
oklch(0.616 0.052 141.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 81987D
- 8EA38B
- 9CAE99
- AAB9A7
- B7C5B5
- C5D0C4
- D4DCD2
- E2E7E1
- F0F3F0
Odcienie ciemniejsze
- 647A60
- 546751
- 455543
- 374435
- 293327
- 1B231A
- 0F140E
- 050704
- 010101
Tony
- 758C72
- 778A73
- 788975
- 798877
- 7A8778
- 7B857A
- 7D847B
- 7E837D
- 7F817E
Harmonie kolorów
Komplementarna +180°
- 748D70
Toad
- 947B98
≈ Violet Persuasion
Analogowa -30° +30°
Triada +120° +240°
- 748D70
Toad
- 7486A4
≈ Romanesque
- A27977
≈ Burlwood
Komplementarna rozszczepiona +150° +210°
- 748D70
Toad
- 8580A2
≈ Live Jazz
- 9E7888
≈ Dusky Orchid
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.62:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.78:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}