Colore con nome · #D0D34D
Southern Platyfish
Southern Platyfish è #D0D34D: rgb(208 211 77), hsl(61 60% 56%), oklch(0.84 0.154 110.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Southern Platyfish color name →
#D0D34D
oklch(0.84 0.154 110.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D4D865
- D9DC79
- DDE18C
- E2E59E
- E7EAAF
- EBEEBF
- F0F3CF
- F5F7DF
- FAFBEF
Ombre
- B5B742
- 9A9C37
- 80822C
- 676922
- 4F5118
- 393A0F
- 232407
- 101002
- 020200
Toni
- C8CB57
- BFC25F
- B7BA66
- AFB26C
- A7A970
- 9FA175
- 979978
- 8F917B
- 87887E
Armonie di colore
Complementare +180°
- D0D34D
Southern Platyfish
- CAC1FF
≈ Lavender Tonic
Analogo -30° +30°
- D0D34D
Southern Platyfish
- FEBE3F
≈ Orange Pop
- 91E381
≈ Snarky Mint
Triadico +120° +240°
- D0D34D
Southern Platyfish
- 84D7FF
≈ Kul Sharif Blue
- FFAED3
≈ Spaghetti Strap Pink
Complementare divisa +150° +210°
- D0D34D
Southern Platyfish
- ADCCFF
≈ Night Snow
- F1AEFF
≈ Pink Sugar
Tetradico +90° +180° +270°
- D0D34D
Southern Platyfish
- 00E6F0
≈ Whimsical Blue
- CAC1FF
≈ Lavender Tonic
- FFB4B2
≈ Wildflower Bouquet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.10:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}