Dichtstbijzijnde benoemde kleur · #7B9172
#7B9172
Dichtstbijzijnde benoemde kleur: Toad
#7B9172 (rgb(123 145 114), hsl(103 12% 51%), oklch(0.631 0.052 136.7)) komt het dichtst bij de benoemde kleur Toad. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7B9172
oklch(0.631 0.052 136.7)
Kleurconversies
- HEX
- #7b9172
- RGB
- rgb(123 145 114)
- HSL
- hsl(103 12% 51%)
- HWB
- hwb(103 45% 43%)
- OKLCH
- oklch(0.631 0.052 136.7)
- OKLab
- oklab(0.631 -0.038 0.036)
- CIE Lab
- lab(57.78 -12.71 13.8)
- LCH
- lch(57.78 18.76 132.6)
- CMYK
- cmyk(15% 0% 21% 43%)
Tinten · Schaduwen · Tonen
Tinten
- 879C7F
- 94A68D
- A1B19B
- AEBCA8
- BBC7B6
- C8D2C5
- D6DDD3
- E3E8E1
- F1F4F0
Schaduwen
- 6A7D62
- 5A6A53
- 4A5844
- 3A4636
- 2C3528
- 1E251B
- 10150E
- 050704
- 010101
Tonen
- 7C8F74
- 7C8E75
- 7D8C76
- 7D8A78
- 7E8979
- 7E877B
- 7F857C
- 7F837D
- 80827F
Kleurharmonieën
Complementair +180°
- 7B9172
Toad
- 96809F
≈ Mixed Berries
Analoog -30° +30°
- 7B9172
Toad
- 8D8C67
≈ Yogi
- 6B9482
≈ Grandview
Triadisch +120° +240°
- 7B9172
Toad
- 758BA9
≈ Starset
- A77D7E
≈ Cherry Mocha
Gesplitst complementair +150° +210°
- 7B9172
Toad
- 8685A8
≈ Purple Hills
- A17D90
≈ Valerian
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.42:1 · APCA Lc 62
Ag
AAOp zwart
WCAG 6.13:1 · APCA Lc 40
Beste tekstkleur: #000000
WCAG 6.13:1 (AA) · APCA Lc 40
Contrast pairs
Codefragmenten
CSS
:root {
--toad: #7b9172;
--toad-rgb: 123 145 114;
--toad-oklch: oklch(0.631 0.052 136.7);
}
.element {
color: var(--toad);
background-color: hsl(103 12% 51%);
border-color: oklch(0.631 0.052 136.7);
}Tailwind CSS v4
@theme {
--color-toad: #7b9172;
--color-toad-50: #eef9eb;
--color-toad-100: #e0ecdc;
--color-toad-200: #cadac5;
--color-toad-300: #aabea5;
--color-toad-400: #91a688;
--color-toad-500: #768f6c;
--color-toad-600: #64795c;
--color-toad-700: #506049;
--color-toad-800: #3b4734;
--color-toad-900: #283124;
--color-toad-950: #161d13;
}SCSS
$toad: #7b9172;
$toad-rgb: 123, 145, 114;
$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);
}