命名颜色 · #D0D34D
Southern Platyfish
Southern Platyfish 即 #D0D34D：rgb(208 211 77)、hsl(61 60% 56%)、oklch(0.84 0.154 110.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Southern Platyfish color name →
#D0D34D
oklch(0.84 0.154 110.5)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- D4D865
- D9DC79
- DDE18C
- E2E59E
- E7EAAF
- EBEEBF
- F0F3CF
- F5F7DF
- FAFBEF
深色调
- B5B742
- 9A9C37
- 80822C
- 676922
- 4F5118
- 393A0F
- 232407
- 101002
- 020200
灰色调
- C8CB57
- BFC25F
- B7BA66
- AFB26C
- A7A970
- 9FA175
- 979978
- 8F917B
- 87887E
配色和谐
互补色 +180°
- D0D34D
Southern Platyfish
- CAC1FF
≈ Lavender Tonic
类似色 -30° +30°
- D0D34D
Southern Platyfish
- FEBE3F
≈ Orange Pop
- 91E381
≈ Snarky Mint
三角配色 +120° +240°
- D0D34D
Southern Platyfish
- 84D7FF
≈ Kul Sharif Blue
- FFAED3
≈ Spaghetti Strap Pink
分裂互补色 +150° +210°
- D0D34D
Southern Platyfish
- ADCCFF
≈ Night Snow
- F1AEFF
≈ Pink Sugar
四角配色 +90° +180° +270°
- D0D34D
Southern Platyfish
- 00E6F0
≈ Whimsical Blue
- CAC1FF
≈ Lavender Tonic
- FFB4B2
≈ Wildflower Bouquet
对比度与无障碍
Ag
Fail白底
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.10:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
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);
}