Named color · #D0D34D
Southern Platyfish
Southern Platyfish is #D0D34D: rgb(208 211 77), hsl(61 60% 56%), oklch(0.84 0.154 110.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Southern Platyfish color name →
#D0D34D
oklch(0.84 0.154 110.5)
Color conversions
- HEX
- #d0d34d
- RGB
- rgb(208 211 77)
- HSL
- hsl(61 60% 56%)
- HWB
- hwb(61 30% 17%)
- OKLCH
- oklch(0.84 0.154 110.5)
- OKLab
- oklab(0.84 -0.054 0.144)
- CIE Lab
- lab(82.48 -13.22 63.16)
- LCH
- lch(82.48 64.53 101.8)
- CMYK
- cmyk(1% 0% 64% 17%)
Tints · Shades · Tones
Tints
- D4D865
- D9DC79
- DDE18C
- E2E59E
- E7EAAF
- EBEEBF
- F0F3CF
- F5F7DF
- FAFBEF
Shades
- B5B742
- 9A9C37
- 80822C
- 676922
- 4F5118
- 393A0F
- 232407
- 101002
- 020200
Tones
- C8CB57
- BFC25F
- B7BA66
- AFB26C
- A7A970
- 9FA175
- 979978
- 8F917B
- 87887E
Color harmonies
Complementary +180°
- D0D34D
Southern Platyfish
- CAC1FF
≈ Lavender Tonic
Analogous -30° +30°
- D0D34D
Southern Platyfish
- FEBE3F
≈ Orange Pop
- 91E381
≈ Snarky Mint
Triadic +120° +240°
- D0D34D
Southern Platyfish
- 84D7FF
≈ Kul Sharif Blue
- FFAED3
≈ Spaghetti Strap Pink
Split-complementary +150° +210°
- D0D34D
Southern Platyfish
- ADCCFF
≈ Night Snow
- F1AEFF
≈ Pink Sugar
Tetradic +90° +180° +270°
- D0D34D
Southern Platyfish
- 00E6F0
≈ Whimsical Blue
- CAC1FF
≈ Lavender Tonic
- FFB4B2
≈ Wildflower Bouquet
Contrast & accessibility
Ag
FailOn white
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.10:1 · APCA Lc 76
Best text color: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--southern-platyfish: #d0d34d;
--southern-platyfish-rgb: 208 211 77;
--southern-platyfish-oklch: oklch(0.84 0.154 110.5);
}
.element {
color: var(--southern-platyfish);
background-color: hsl(61 60% 56%);
border-color: oklch(0.84 0.154 110.5);
}Tailwind CSS v4
@theme {
--color-southern-platyfish: #d0d34d;
--color-southern-platyfish-50: #f5fac8;
--color-southern-platyfish-100: #e8eeb3;
--color-southern-platyfish-200: #d5dc8e;
--color-southern-platyfish-300: #b9bf5d;
--color-southern-platyfish-400: #a4a61d;
--color-southern-platyfish-500: #8d8d00;
--color-southern-platyfish-600: #777700;
--color-southern-platyfish-700: #5f6000;
--color-southern-platyfish-800: #484500;
--color-southern-platyfish-900: #323000;
--color-southern-platyfish-950: #1e1c00;
}SCSS
$southern-platyfish: #d0d34d;
$southern-platyfish-rgb: 208, 211, 77;
$southern-platyfish-light: mix(#fff, $southern-platyfish, 20%);
$southern-platyfish-dark: mix(#000, $southern-platyfish, 20%);
.element {
color: $southern-platyfish;
box-shadow: 0 0 0 2px rgba($southern-platyfish, 0.35);
}