命名颜色 · #993333
Poisonous Apple
Poisonous Apple 即 #993333：rgb(153 51 51)、hsl(0 50% 40%)、oklch(0.471 0.137 24)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Poisonous Apple color name →
#993333
oklch(0.471 0.137 24)
颜色转换
- HEX
- #993333
- RGB
- rgb(153 51 51)
- HSL
- hsl(0 50% 40%)
- HWB
- hwb(0 20% 40%)
- OKLCH
- oklch(0.471 0.137 24)
- OKLab
- oklab(0.471 0.125 0.056)
- CIE Lab
- lab(37.23 43.24 24.58)
- LCH
- lch(37.23 49.74 29.6)
- CMYK
- cmyk(0% 67% 67% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A54946
- B15D59
- BC716D
- C78580
- D19994
- DBADA9
- E5C1BE
- EED6D3
- F7EAE9
深色调
- 842B2B
- 702323
- 5D1C1C
- 4A1414
- 380D0D
- 270707
- 170303
- 080101
- 010000
灰色调
- 983D3B
- 974643
- 954E4B
- 935652
- 915D5A
- 8E6561
- 8C6C69
- 887371
- 847978
配色和谐
互补色 +180°
- 993333
Poisonous Apple
- 006870
≈ Kingfisher Bright
类似色 -30° +30°
- 993333
Poisonous Apple
- 923360
≈ Pink Horror
- 8C4500
≈ Otterly Brown
三角配色 +120° +240°
- 993333
Poisonous Apple
- 1A6D20
≈ Bogey Green
- 3256A7
≈ Blasphemous Blue
分裂互补色 +150° +210°
- 993333
Poisonous Apple
- 006B57
≈ Chrysocolla Medium Green
- 006389
≈ Reservoir
四角配色 +90° +180° +270°
- 993333
Poisonous Apple
- 5B6100
≈ Kirchner Green
- 006870
≈ Kingfisher Bright
- 61479F
≈ Ultrapurple Merge
对比度与无障碍
Ag
AAA白底
WCAG 7.30:1 · APCA Lc 84
Ag
Fail黑底
WCAG 2.87:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--poisonous-apple: #993333;
--poisonous-apple-rgb: 153 51 51;
--poisonous-apple-oklch: oklch(0.471 0.137 24);
}
.element {
color: var(--poisonous-apple);
background-color: hsl(0 50% 40%);
border-color: oklch(0.471 0.137 24);
}Tailwind CSS v4
@theme {
--color-poisonous-apple: #993333;
--color-poisonous-apple-50: #ffe7e1;
--color-poisonous-apple-100: #ffd7d0;
--color-poisonous-apple-200: #ffbeb6;
--color-poisonous-apple-300: #f69c93;
--color-poisonous-apple-400: #e47c76;
--color-poisonous-apple-500: #d15b58;
--color-poisonous-apple-600: #b14e4b;
--color-poisonous-apple-700: #8e3e3c;
--color-poisonous-apple-800: #6a2c2c;
--color-poisonous-apple-900: #4a1e1e;
--color-poisonous-apple-950: #310d0e;
}SCSS
$poisonous-apple: #993333;
$poisonous-apple-rgb: 153, 51, 51;
$poisonous-apple-light: mix(#fff, $poisonous-apple, 20%);
$poisonous-apple-dark: mix(#000, $poisonous-apple, 20%);
.element {
color: $poisonous-apple;
box-shadow: 0 0 0 2px rgba($poisonous-apple, 0.35);
}